前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”

Posted u013035477

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”相关的知识,希望对你有一定的参考价值。

        前段时间新进入了一个项目,在发布部署过程中遇到了题目中的问题,当时网上的很多种方法都用过了但是都没有解决,然后最后靠自己的分析最终解决了。

        背景:使用的构建工具vite,基础语言"vue3+ts",

         网上有很多方法,其实大部分就是设置base,但是阅读vite官方文档文档,我们知道其实base的默认配置就是'/',然后我设置了很多,发现都没啥用,最后我发现我的发布路径其实有一个二级部署名/client,然后自己配置了'./client'才可以,后来通过文件路径才发现,JS文件压根没加载出来,后来在nignx这边配置为'$url/client',前端配置不需要配置base,使用默认配置就可以

以上是关于前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”的主要内容,如果未能解决你的问题,请参考以下文章

前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”

前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”

nginx部署前端项目后刷新浏览器报错404

nginx部署前端项目后刷新浏览器报错404

解决在部署前端Vue框架项目时,使用npm install和yarn install安装插件报错

解决在部署前端Vue框架项目时,使用npm install和yarn install安装插件报错