vue3+vite打包以后,项目切换路由触发(偶发触发)报:
After using vue-router, there is an error in packaging and running # Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.
Failed to fetch dynamically imported module.....
注意: 在使用vue3+vite时候,只发现vue-router切换时触发此现象
问题:
// vue3+vite此种异步路由引入方法 开发调试时确实没有问题,但是vite打包以后就会触发报错
routes: [
{
path: "/",
name: "Home",
component: import(`../views/${view}.vue`)
}
]
解决方法:
// 这样引用虽然解决了问题(浏览器会提醒,不用管),但是在一些win10自带的低版本edge浏览器中还是会稀有触发
// 应该确实是vite的兼容性bug问题
import { defineAsyncComponent } from 'vue'; //异步组挂载器
routes: [
{
path: "/",
name: "Home",
component: defineAsyncComponent(() => import('../views/Home.vue'));
},
{
path: "/about",
name: "About",
component: defineAsyncComponent(() => import('../views/About.vue'));
}
]
后续持续跟进中...