当前位置: 首页 > Web前端 > HTML

服务器响应了一个非JavaScriptMIME类型的text-html

时间:2023-03-27 23:54:12 HTML

vue3+vite打包后,项目切换路由触发(偶尔触发)报错:使用vue-router后,打包运行出现错误#Failedtoloadmodulescript:Theserverrespondedwithanon-JavaScriptMIMEtypeof“文本/html”。根据HTML规范对模块脚本强制执行严格的MIME类型检查。无法获取动态导入的模块......它确实应该是vite2.xx的错误https://github.com/vitejs/vite/issues/863注意:在使用vue3+vite的时候,我只发现vue-router切换的时候会触发这个现象。//vue3+vite这种异步路由引入的方式在开发调试的时候确实没问题,但是vite打包后就会触发错误。routes:[{path:"/",name:"Home",component:import(`../views/${view}.vue`)}]解决方法://虽然这个引用解决了问题(浏览器会提醒一下,不用担心),但是在一些win10自带的低版本edge浏览器中,还是会很少触发//确实应该是viteimport{defineAsyncComponent}from'vue'的兼容性bug;//异步组挂载路由:[{path:"/",name:"Home",component:defineAsyncComponent(()=>import('../views/Home.vue'));},{路径:"/about",名称:"关于",组件:defineAsyncComponent(()=>import('../views/About.vue'));升级到Vite3.x后,这个问题不存在了,各种浏览器经过多次测试都没有触发。如果还是报类似的错误,请仔细检查异步路由导入是否写对了。后续行动正在进行中……