关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type of “

最新推荐文章于 2024-10-15 20:09:53 发布

m0_67392661

最新推荐文章于 2024-10-15 20:09:53 发布

阅读量8.3k

点赞数 1

分类专栏：前端 html 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/m0_67392661/article/details/123304991

版权

当使用Vite构建项目并部署后，浏览器访问时出现'Expected a JavaScript module script...'错误。这个问题与路由和静态资源加载有关。通过在vite.config.js中将VITE_PUBLIC_PATH更改为'/'和修改base配置为该路径，解决了由于相对路径不正确和Content-Type引起的错误。调整后，嵌套路由和多层路径刷新不再报错。

摘要由CSDN通过智能技术生成

问题说明

最近刚开始用上vite开发项目，结果就遇到了很多坑。

其中一个是，vite 项目执行 “vite build” 并部署上线后，在浏览器中访问就会有以下关于路由的奇怪问题：

我们用嵌套路由开发的页面生成的路径，个别菜单在初次加载、或者二次刷新加载时，都会报错如：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.