Tengo un problema con Angular en el que si ng serve e implemento en localhost, la página se carga bien. Sin embargo, si uso ng build e implemento de forma remota, aparece un error MIME,
Error al cargar la secuencia de comandos del módulo: se esperaba una secuencia de comandos del módulo JavaScript, pero el servidor respondió con un tipo MIME de "texto/html". Se aplica una estricta verificación de tipo MIME para los scripts de módulo según la especificación HTML.
Esto solo ocurre en Edge, pero sigue siendo un problema notable. El único factor diferente que puedo encontrar es al ver el código fuente compilado, la implementación local tiene los siguientes datos en su documento HTML,
<script src="runtime.js" type="module"></script><script src="polyfills.js" type="module"></script><script src="styles.js" type="module"></script><script src="vendor.js" type="module"></script><script src="main.js" type="module"></script></body>Donde la implementación remota tiene esto,
<script src="runtime-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule defer></script><script src="polyfills-es5.js" nomodule defer></script><script src="polyfills-es2015.js" type="module"></script><script src="styles-es2015.js" type="module"></script><script src="styles-es5.js" nomodule defer></script><script src="vendor-es2015.js" type="module"></script><script src="vendor-es5.js" nomodule defer></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule defer></script></body> Creo que la solución sería implementar con runtime.js en lugar de runtime-es2015.js , pero no tengo claro cómo modificar esos parámetros. Cualquier comentario es apreciado.
Supongo que está utilizando una subcarpeta para la aplicación implementada, por ejemplo, www.example.com/appfolder/
Si ese es el caso, debe configurar base-href durante el proceso de compilación: ng build --prod --base-href appfolder