浏览器控制台错误：Strict MIME type checking is enforced for module scripts per HTML spec.

最新推荐文章于 2024-05-25 22:28:50 发布
最新推荐文章于 2024-05-25 22:28:50 发布
阅读量2.4k 收藏
点赞数
文章标签： 前端 vue.js webpack Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51404058/article/details/129547828
版权

vue3.2+ vite3.1项目，iis部署后访问，当停留在某个一段时间后在不全局刷新的情况下打开一个新的页面浏览器控制台报错：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.

问题：

项目打包使用gzip进行压缩打包，Gzip 是在 Unix 和类 Unix 系统上使用的一种文件格式和软件应用程序，用于在 HTTP 内容提供给客户端之前对其进行压缩。从而 缩短页面加载时间、减少带宽消耗并减少 SSL 开销。

解决：

  1. Nginx环境安装并启用gzip模块

  1. IIS 启用gzip

  1. Tomcat 启用gzip

菜鸟阿奇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
warning: dereferencing type-punned pointer will break strict-aliasing rules
01-20
"warning: dereferencing type-punned pointer will break strict-aliasing rules" 这个警告信息就与 GCC 编译器的 strict aliasing 规则有关，它是 GCC 从版本 3 开始引入的一个重要特性。 严格别名规则（strict ...
vue3+vite打包部署后页面报错Expected a JavaScript module script but the server responded with a MIME type of “
weixin_49032614的博客
03-20 1349
如果静态文件包含有前缀，要注意加上前缀，不然也会报错。
Docker使用nginx部署静态文件，浏览器访问出现 server responded with a MIME type of “text/html“.
最新发布
weixin_46117137的博客
05-25 566
这种问题， 可能原因是 COPY dist/* /etc/nginx/html/ 导致， 这种命令会导致目录内文件平铺，导致访问js/css异常。如果是这种场景，应当使用 COPY dist /etc/nginx/html。Docker使用nginx部署静态文件时，访问出现。
flask+Vue(Vite)部署，js文件不能被正确解析解决方案
浪漫之圣
02-28 728
构建后，因为生产环境index.html​文件中​标签使用了type="module"​，而服务器对于js文件的类型返回的是text/plain​，类型不一致，其详细解释可见.mjs 与 .js。手动修改index.562b9b5a.js​文件后缀为.mjs​，并将其对应的文件引用中文件名做相应更改（可能不止限于index.html​文件中）配置Vite构建时不使用import​，如设置build.target​为edge15​，详细信息见Vite文档。缺点：麻烦，容易引起其他错误。
Strict MIME type checking is enforced for module scripts per HTML spec.
奇点的博客
03-04 4293
去nginx配置文件中发现 mimetype文件路径为 /etc/nginx/mime.types。再次访问发现网页没有报错，可以正常运行（如还有报错可尝试强刷或清除缓存后再试）打开mime.types文件。
【BUG】vite build、Flask运行后报错Failed to load module script. Strict MIME type checking is enforced
qq_46106285的博客
05-13 4755
图文并茂，绝对详细。
生产环境浏览器Strict MIME TYPE Checking问题解决
热门推荐
皖南笑笑生的博客
08-10 6万+
X-Content-Type-Options: nosniff 与 不规范的响应类型 造成的影响
XHTML教程:Transitional和Strict的区别
09-28
XHTML教程：Transitional与Strict的区别详解 XHTML 1.0规范中，根据不同的设计需求，提供了两种主要的DOCTYPE声明：Transitional（过渡型）和Strict（严格）。此外，还有Frameset DOCTYPE，但在此不予详述。这两种...
perl-scripts实例.tar.gz
08-18
这个"perl-scripts实例.tar.gz"文件显然包含了多个Perl脚本的实例，供学习和参考。接下来，我们将深入探讨Perl语言的关键特性、常用语法以及如何解压和使用这些实例。 Perl的全称是"Practical Extraction and ...
strict:这是我对html项目的第三个psd
05-05
"strict"这个词在HTML上下文中可能指的是HTML5的"doctype"声明，这是一个指令，告诉浏览器应以标准模式解析页面，而不是兼容模式。在这个项目中，“strict”可能强调了对代码规范和标准的严格遵循。 在描述中提到的...
Vue3+vite打包发版项目报错简记：Failed to load module script
kevin_gwc的博客
08-24 2万+
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+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白
我不是程序员的博客
12-19 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.
Failed to load module script 解决方案
weixin_42369612的博客
11-07 1万+
资源路径问题,请求的是 js 资源, 但是服务器找不到资源,默认返回 html 文件;但是服务器会对资源进行格式校验,然后报错。配置vite.config.js。问题出在打包时候资源路径不对。
Nginx的 MIME TYPE问题导致的mjs文件加载出错的问题解决
小猪佩奇工作室
12-31 1万+
在某次网页部署到服务器之后访问前端页面发现console下报了如下错误 Failed to load module script: The server responded with a non-JavaScript MIME type of "application/octet-stream". Strict MIME type checking is enforced for module scripts per HTML spec. 经研究发现是由于nginx无法识别mjs文件，从而在http h
关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type...
cabinx的博客
08-31 2万+
关于vite build后访问报错：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解决方案 问题描述: vite 项目 build 部署后在浏览器中访问出现以下报错： Expected a JavaScript modul
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/less". Strict MIME type checking is enforced for module scripts per HTML spec.
06-07
这个错误通常是由于服务器将一个Less文件（MIME类型为"text/less"）作为JavaScript模块来返回，导致浏览器无法正确解析该脚本。 要解决这个问题，你需要确保服务器正确地返回JavaScript模块文件，MIME类型应该是"text/javascript"或"application/javascript"。你可以在服务器的响应头中设置正确的MIME类型。 如果你的服务器无法将Less文件转换为JavaScript模块文件，你可以在客户端使用一个Less编译器来将Less文件编译为CSS文件，并将其添加到页面中。例如，你可以使用Less.js（https://lesscss.org/）来动态编译Less文件，并将其添加到页面中： ```html <script src="less.js"></script> <script type="module"> import { less } from 'less'; less.render('@color: #4D926F; #header { color: @color; }') .then(output => { const style = document.createElement('style'); style.textContent = output.css; document.head.appendChild(style); }) .catch(error => { console.error(error); }); </script> ``` 这将使用Less.js编译器动态编译Less文件，并将其添加为动态样式表到文档中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

菜鸟阿奇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值