Tengo una biblioteca de terceros necesaria para usar en el código ts del proyecto, que se agrega a la aplicación usando una ruta CDN en el HTML. Y esta biblioteca está exportando una variable de ventana, que se usa en el código.
El paquete no está disponible como módulo npm. Al ejecutar la compilación del paquete web, falla con el siguiente mensaje de error: error TS2304: Cannot find name 'CUSTOM_WINDOW_VARIABLE'.
He agregado esto en nombre en el archivo webpackconfig.js como:
externals: { CUSTOM_WINDOW_VARIABLE: "CUSTOM_WINDOW_VARIABLE", },Pero sigue recibiendo el mismo error.
Cómo decirle a webpack que ignore estas variables globales durante la construcción. O conviértalos a window.CUSTOM_WINDOW_VARIABLE desde CUSTOM_WINDOW_VARIABLE .
Como sé, su problema no tiene nada que ver con el webpack . Lo más probable es que el problema se produzca desde ts-loader que utiliza el compilador tsc , ¿tu tsx? archivos, por lo que para solucionar este problema, es posible que deba definir el tipo para su valor global que está disponible en la window con los siguientes pasos:
types/global.d.ts (puede nombrar lo que quiera, siéntase libre de usar mi nombre sugerido en términos de no tener idea de cómo nombrarlo) con el siguiente contenido: // global.d.ts // You can define your own type by replacing with the exact type declare const CUSTOM_WINDOW_VARIABLE: any;tsconfig.json que se encuentra en el directorio raíz del repositorio, en la mayoría de los casos incluya su directorio de types al agregar la opción de configuración include : // tsconfig.json { "include": ["types", ...] }Ojalá sirva para tu caso
PD: si no import su biblioteca como externals , básicamente no tiene que configurar la propiedad externals en su archivo webpack.config