Estoy usando Vue3 para crear una aplicación sin conexión.

"Para que quede claro, la aplicación planeaba abrirse a través de una URL como archivo://"

Sin embargo, desde que Vue3 introdujo la versión moderna, tengo problemas con CORS... Se debe principalmente al hecho de que la propiedad type="module" se agregó a cada etiqueta de script.

ejemplo:

 <script defer="defer" type="module" src="js/app.b9b6cfbc.js"></script>

Error:

 Access to script at 'file:///Users/[...]/project/js/app.dc625bea.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, https, ipns, chrome-untrusted, ipfs, data, chrome, chrome-extension.

Luego, cuando elimino el atributo "tipo", funciona ...

Así que he estado investigando cómo eliminar esa etiqueta mientras webpack está compilando la aplicación, he estado actualizando las opciones de output.scriptType , sin embargo, parece que las opciones no se han utilizado... Sigo obteniendo el mismo resultado

Mi vue.config.js:

 const path = require('path') module.exports = { publicPath: '.', outputDir: path.resolve(__dirname, './dist'), transpileDependencies: [ 'vue-echarts', 'resize-detector' ], configureWebpack: { target: ['web', 'es5'], optimization: { splitChunks: false }, output: { scriptType: 'text/javascript' } }, devServer: { port: 3000 } }

¿Es un paquete web o problemas de vue3?