前端BUG（1）——拒绝应用样式

原创 已于 2022-03-01 13:39:51 修改 · 3.2k 阅读 · 2 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#前端 #css #css3
于 2022-03-01 13:39:28 首次发布
本文档介绍了在前端开发中遇到的一个常见问题，即样式表MIME类型错误。当尝试应用'http://localhost:8080/iconfont.css'时，由于其被识别为'text/html'而非'stylesheet'，导致样式无法正常加载。解决此问题的关键在于确保正确引用样式文件，及时更新或补充缺失的资源，以避免样式失效。对于开发者来说，理解和处理这类错误是日常工作中不可或缺的技能。

前端BUG（1）——拒绝应用样式

【出错代码提示】Refused to apply style from ‘http://localhost:8080/iconfont.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

【出错代码提示（中文）】拒绝应用“http://localhost：8080/iconfont.css”中的样式，因为它的MIME类型(“text/html”)是不受支持的样式表MIME类型，并且启用了严格的MIME检查。

【出错原因】
项目中引入了改样式，但并没有提供，造成了样式表的缺失
引入了该样式，但并没有提供该样式表
【注意事项】
及时找到出错的地方，根据路径补充改样式即可！

itYuMi
关注
css样式无法加载Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME
01-20
我用的springboot2.0 网页f12查看发现错误 Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME type (‘application/json’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. 在网上找了一些原因，最终发现是引用css的地方有问题，这也是最蛋疼的地方模板是找的，可是无法使用样式。 加了配置类也没有效果 最后去掉了…/static
Bug报告黄金法则：3步写出让开发“无法拒绝“的缺陷报告，Bug修复效率提升300%
最新发布
m0_52603036的博客
11-25 65
这不是Bug，这是特性！这是我早期职业生涯中最常听到的开发回复。直到我学会了如何用数据和事实说话，才发现问题不在代码，而在沟通。本章将教你用专业的方式报告缺陷，让你的每一个Bug都被认真对待、快速修复。
解决because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME check
cz20191106196的博客
04-20 1万+
vue连接django,vue+django
Django: Refused to apply style from ... because its MIME type (‘text/html‘) is not a supported st...
suiusoar
11-30 1076
Django: 拒绝应用来自 ... 的样式，因为它的 MIME 类型 ('text/html') 不是支持的样式表 MIME 类型
【because its MIME type (‘text/html‘) is not a supported 报错原因与解决】
weixin_43727933的博客
12-05 2万+
because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled 报错原因与解决
解决打包文件 加载资源报错 because its MIME type (‘text/html‘) is not a supported stylesheet MIME type
热门推荐
weixin_48337403的博客
11-23 4万+
关于vue-cli打包文件出现问题加载问题 出现这种问题,大多都是路径问题 事情是这样的,最近打包的文件放在服务器上,一直报错,发现资源加载问题,于是上网查找全是关于相对路径的设置问题.但是,修改路径后,基础资源加载没有问题了,但是路由下的页面依然报错,并且是这样的报错. 意思很简单: 拒绝从‘ …’加载应用样式，因为它的MIME类型(‘text/html’)不是受支持的样式表MIME类型 不仅仅css,包括js也出现了相同的问题 后来发现居然跟路由模式也相关,其他项目中默认路由模式是hash,而当前的路
拒绝“无法复现”：前端全链路日志排查实战手册
weixin_43837268的博客
11-18 615
高效的问题排查不仅仅是技术能力的体现，更是流程的胜利。建立标准：不论是谁去排查，都应遵循“信息收集 $\rightarrow$ 环境排除 $\rightarrow$ 链路定位”的标准化步骤。善用工具：不要只盯着浏览器控制台，要学会从 WAF、CDN、Kibana 等多维度日志寻找线索。闭环思维：解决问题后，多问一句“为什么”。是代码不够健壮？还是提示不够友好？将每一个 Bug 转化为系统的优化点。希望这份排查思路能帮助大家从“救火队员”转变为“系统医生”，让线上问题不再成为噩梦。
如何把前端项目写成一座屎山？
程序员成长指北
06-09 271
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群作者：阿佛加德奔原文：https://juejin.cn/post/7086735198942920712前言最近几年前端发展的非常快，SPA的繁荣让前端的工程化也越来越重。在很多场景下，前端的复杂度和难度也早已经超过了后端。但快速的发展下，前端也逐渐暴露出了许多问题。众...
vue报错：Refused to apply style from ‘...iconfont.css‘ because its MIME type (‘text//html‘) is not a...
yolo_______95的博客
10-28 3061
问题就是这个文件的类型不是一个受支持的样式表，无法应用样式，造成了样式表的缺失。
拒绝应用样式，因为他的 MIME type ('text/html') 不是受支持的style MIME type 错误解决
supming1的专栏
05-21 2万+
网站部署到测试环境，报了如下错误： Refused to apply style from '*****.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. 现象：其他人测试环境表现白屏，但在开发环境上可以...
Refused to apply style拒绝应用样式
小蚂蚁的博客
01-25 5344
及时找到出错的地方，需要就在正确的路径下添加样式文件，不需要就注释掉导入语句。如果不知道在哪里引入了该样式文件，可以这样操作：webstorm操作：项目根目录app–>右键–>Find in Files–>搜索文件名。【出错代码提示（中文）】拒绝应用“http://localhost：8080/iconfont.css”中的样式，因为它的MIME类型(“text/html”)是不受支持的样式表MIME类型，并且启用了严格的MIME检查。项目中引入了改样式，但并没有提供，造成了样式表的缺失。
MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME checking is enable
123
04-06 1万+
html中引入css，控制台报错because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled。 html是这样写的： <link rel="stylesheet" href="/ta/font-awesome/css/font-awesome.min.css"/> 出现这个问题不要认为是type="text/html"没加
css样式无法加载Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its MIME type...
weixin_50347956的博客
06-19 4209
css样式无法加载Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type...
Refused to apply style from ‘http://localhost:8888/iconfont.css‘ because its MIME type (‘text/html‘)
easyplayers的博客
10-08 2613
Refused to apply style from 'http://localhost:8888/iconfont.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its
weixin_49847397的博客
07-20 2109
Refused to apply style from 'http://localhost:8080/iconfont.css' because its
because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checkin
weixin_43675596的博客
09-22 1万+
一次漫长的改错之旅错误描述解决过程解决方法最后说的话 错误描述 就是昨天还好好的，今天突然就出现上述错误，错误简单说就是服务器无法访问除了我本省的html页面以外所有的文件，但是用了cdn引入的包和库都能正常使用，就是css外联表和图片，图标无法使用。 解决过程 复制错误解释直接百度 当然查出来了一些解决办法，但是都是针对css本身的，比如“引入位置”“优先级”“格式严谨” 还有其他的诸如sp...
报错：Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its MIME type (‘text/ht
m0_62648436的博客
07-04 3324
报错：Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type ('text/ht
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and...
qq_41757660的博客
08-10 6749
引入css或js文件报错：because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checkin 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准
Refused to apply style from ‘XXX‘ because its MIME type (‘text/html‘) is not a supported stylesheet
thirteen_king13的博客
05-20 2万+
完整报错信息是 Refused to apply style from 'http://localhost:8080/src/assets//css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled 问题就是这个文件的类型不是一个受支持的样式表，无法应用样式。 在 vue 项目中，在 src 的 assets 目
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值