Tengo una aplicación Aurelia y estoy usando el paquete webpack y el archivo webpack.config.json relacionado generado en la inicialización del proyecto (por "au init").
Todo funciona bien siempre que incluya la aplicación en modo de desarrollo con:
webpack --watchPero cuando cambio a empaquetarlo en modo de producción con:
webpack --env production --watchComienzo a recibir errores en tiempo de ejecución al abrir uno de los cuadros de diálogo, como:
Error no capturado (en promesa): no se puede encontrar el módulo con ID: 41474.html
Sé que el error anterior generalmente se debe a que no envolvió las referencias de los módulos en una llamada de función "PLATFORM.moduleName ()", pero estoy bastante seguro de que envolví todas esas referencias en mi código, ya sea en mi archivo main.js, en definiciones de rutas, en llamadas aurelia.setRoot().
Dado que no recibo ese error en el modo de desarrollo, mi problema parece deberse a alguna configuración específica del modo de producción, muy probablemente minificación . Traté de jugar con las opciones de minificación de HtmlWebpackPlugin en webpack.config.js pero sin éxito.
Puedo ver que las referencias al módulo 41474 están presentes en algunos de los paquetes producidos por webpack:
find ./public -type f -exec grep -EHno '41474' {} \; ./public/app-4e1129b6.435747a3fab79a037cba.bundle.js:1:41474 ./public/app-4e1129b6.435747a3fab79a037cba.bundle.js:1:41474 ./public/app-83a5eedf.74d539a4279fc82b0267.bundle.js:1:41474 ./public/app-18b82e98.a3f5631d890b757a9a2d.bundle.js:1:41474y cuando miro esos paquetes, veo que el módulo se pasa a una función cuyo nombre se ha minimizado como n (41474). Es difícil depurar más el código minificado.
¿Alguna idea de cómo puedo deshacerme de este error?
¿Hay alguna otra referencia de módulo que deba incluir en las llamadas PLATFORM.moduleName?