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

最新推荐文章于 2024-04-29 10:40:41 发布
最新推荐文章于 2024-04-29 10:40:41 发布
阅读量2.3w 收藏 4
点赞数 1
文章标签： 前端 javascript java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songsong189/article/details/126343276
版权

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

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

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

u013035477
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
postcss-load-config：PostCSS的自动加载配置
02-08
加载配置 安装 npm i -D postcss-load-config 用法 npm i -S | -D postcss-plugin 安装所有必需的postcss插件并将其保存到package.json dependencies / devDependencies 然后通过选择以下格式之一创建一个postcss配置文件 package.json 在项目的package.json创建一个postcss部分 Project (Root) |– client |– public | |- package.json { " postcss " : { " parser " : " sugarss " , " map " : false , " plugins " : { " postcss-plugin " : {} }
使用pdfjs报错：Failed to load module script: Expected a JavaScript module script but the server responded
啃编程
03-16 1550
MIME 类型设置不正确： 服务器返回的文件 MIME 类型不正确。浏览器期望模块脚本的 MIME 类型为 application/javascript。如果服务器返回的 MIME 类型不是这个，浏览器会拒绝加载它，并显示这个错误。
Failed to load module script: Expected a JavaScript module scriptbut the server responded
m0_64998696的博客
08-25 8998
首先将你原本的镜像在打包的地方尽数删除，将基础镜像也删除，将docker中的none镜像也删除，再使用docker system prune 选择y，然后再对代码进行编译、打镜像，这个错误就不攻自破。当遇见这样的错误有且只有这一个报错时，首先保证代码没有问题，我这里就是代码保证是没有问题的，将源码编译后打成镜像时发生的这种错误，这种就不是所有人的问题，是docker的一个缓存问题。只有这一个错误，在网上搜了两天也没搜到答案，全是修改nginx和base的，我这里可以保证nginx和base没有问题。
Failed to load module script: Expected a JavaScript module script but the server responded with a MI
amoureux555的博客
03-05 4777
项目打包报错`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 解决方案
weixin_42369612的博客
11-07 8201
资源路径问题,请求的是 js 资源, 但是服务器找不到资源,默认返回 html 文件;但是服务器会对资源进行格式校验,然后报错。配置vite.config.js。问题出在打包时候资源路径不对。
nginx-upload-module模块源码
06-06
nginx-upload-module模块源码，用于nginx配置文件上传功能
shell脚本报错：”[: =: unary operator expected”解决办法
01-20
shell脚本报错：”[: =: unary operator expected”解决办法     在匹配字符串相等时，我用了类似这样的语句： if [ $STATUS == OK ]; then echo OK fi     在运行时出现了 [: =: unary operator expected 的错误，就一直找不到原因，尝试了删除等号两侧的空格和括号里的空格都不管用，最后baidu了一下，才找到原因。把语句改成这样就不会出错了. if [[ $STATUS = OK ]]; then echo OK fi     究其原因，是因为如果变量STATU
【问题解决】Failed to load module script: Expected a JavaScript module script but the server respond
热门推荐
qq_17335549的博客
11-19 3万+
xxx.86eb4fa7.js:1 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.
【Bug收集箱 · 前端】Vite报错：Failed to load module script: Expected a JavaScript module script but the...
不定时分享与嵌入式有关的知识
05-27 2万+
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.
Expected a JavaScript module script but the server responded with a MIME type of “text/html“.Strict
SunFlower914的博客
08-22 1万+
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.vue3+vite项目中，在.vue文件内部引入了.js文件后报错
modul-test.helsingborg.io:模块演示的测试站点
04-19
网站Helsingborg.se的官方存储库。 基于municipio主题和其他插件之间的模块化。 建筑资产 要构建helsingborg.se的当前资产，请运行以下命令。 npm run build 建立依赖关系 要构建helsingborg.se的当前版本，请运行以下命令。 composer install 一般建造 可以使用github操作构建完整的软件包。 规范嵌入在.github文件夹中。 想要创建自己的网站吗？ 要启动这样的网站，请使用位于的样板。
hbase 启动regionserver日志报错： Wrong FS: hdfs:// .regioninfo, expected: file:///
08-14
NULL 博文链接：https://bnmnba.iteye.com/blog/2322332
shell脚本报错："[: =: unary operator expected"解决办法
09-15
主要介绍了shell脚本报错："[: =: unary operator expected"解决办法的相关资料,需要的朋友可以参考下
SpringBoot项目打包分离高阶操作
Record Little
04-23 735
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 206
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
vue实现录音并转文字功能，包括PC端web，手机端web
byebukesi的博客
04-26 486
不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。
前端调用WebSocket协议接口获取数据
最新发布
m0_56023096的博客
04-29 161
createWs("测试数据", (res) => {
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"
02-23
"Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of 'text/html'" 这个错误通常是由于服务器返回的 MIME 类型与脚本文件的期望类型不匹配导致的。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值