前端 - Failed to load module script 解决方案

Failed to load module script 解决方案

问题描述

打包好项目发布上传到 nginx 后，浏览器访问，出现一下报错信息：

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

这个错误提示的意思是：网页中使用了模块脚本（module script），但服务器返回的 MIME 类型是 “text/html”，而不是 JavaScript 类型。根据 HTML 规范，严格的 MIME 类型检查会对模块脚本进行强制执行。

原因

资源路径问题,请求的是 js 资源, 但是服务器找不到资源,默认返回 html 文件;但是服务器会对资源进行格式校验，然后报错。

解决

打开文件 vite.config.js

配置 base为 './ ’

重新打包部署即可