Actualmente construyo e implemento mi aplicación web VueJS (creada a través de vue3 cli) en un servicio http2 en aws ec2.
Antes de implementar, ejecuto npm run build que es package.json como "build": vue-cli-service build
La mayoría de las veces, la implementación en aws ec2 es buena y la página web se carga bien en Internet público.
A veces, tengo un error de seguimiento
Warning: The script from "https:/websitedomain.com/js/chunk-vendors.sdadd234.js" was loaded even though its MIME type ("text/html") is not a valid Javascript MIME type. Error: Uncaught SyntaxError: expected expression, got '<'
Resultado
La página web es una página en blanco en blanco sin datos.
algo de investigacion
Encontré que Vue inyecta archivos js y css en mi public/index.html" y cuando veo "Ver fuente de la página" en una página en blanco, tiene un código como <script src="/js/chunk-vendors.sdadd234.js">
Estoy pensando que si puedo encontrar una manera de agregar "texto/javascript", entonces la página se cargará bien.
¿Alguien ha enfrentado este error antes? ¿Cómo resolver este problema?
Para otros que terminen en esta situación
No vi más este problema. Lo único que cambié es cómo son las etapas de creación e implementación en el desarrollo de mi sitio web.
Previamente
npm run serve - para verificar que todo se ve bien en localnpm run build y git commit . - Estos pasos son para generar esos archivos de compilación (js comprimidos, css ...) en distgit push , mi configuración en las canalizaciones de AWS se encarga de actualizar los archivos en el directorio dist a todos mis hosts EC2 que dan servicio al sitio web.** Nuevo proceso **
npm run serve - para verificar que todo se ve bien en localgit commit . - Sin fase de construccióngit pushbuild e implementación en hosts EC2)