<!-- index.html --> <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script> <script type="module" src="./scripts/auth.js"></script> # Vite terminal after running "npm run build" build started... <script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"> in "/index.html" can't be bundled without type="module" attribute Estoy tratando de agregar algunos scripts externos a mi index.html , pero el proceso de compilación de Vite asume que quiero tener estos scripts agrupados. ¿Hay alguna forma de suprimir este mensaje?
Creo que lo descubrí, pero como siempre ymmv.
Es posible que pueda hacer esto en main.js o app.vue si lo necesita globalmente, pero solo necesitaba el script externo en una página. El enfoque de la vieja escuela parecía hacerlo:
mounted() { let externalScript = document.createElement('script'); externalScript.setAttribute('src', 'https://[scripturletc].min.js') document.head.appendChild(externalScript) }nota: si está haciendo sus componentes de la nueva manera vue3, creo que las líneas anteriores irían en su bloque de configuración.
Hay una respuesta fácil, y en realidad está en el propio registro.
Simplemente agregue el atributo type="module" a sus etiquetas de script.
así: <script type="module" src="/src/main.js"></script>
Espero eso ayude.