vue报错：Refused to apply style from ‘...iconfont.css‘ because its MIME type (‘text//html‘) is not a...

最新推荐文章于 2024-01-25 12:58:59 发布

小懒懒懒懒

最新推荐文章于 2024-01-25 12:58:59 发布

阅读量2.6k

点赞数 6

分类专栏： Vue 文章标签： vue.js css html 前端

本文链接：https://blog.csdn.net/yolo_______95/article/details/127568576

版权

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

完整报错

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.

分析

问题就是这个文件的类型不是一个受支持的样式表，无法应用样式，造成了样式表的缺失。

解决

将.css文件中的 @import "./iconfont.css" 删除即可

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小懒懒懒懒

关注关注

6
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

vue3+vite项目打包注意事项和相关问题，babel使用，ie,es5兼容

Gy_gsdsb的博客

12-25

3947

vue3+vite项目打包后，可能会出现很多问题，这里我先写一部分，后面慢慢补充首先是配置问题，在vite.config.js中，配置生产可以又以下几种常见的如果你需要然后加入我上面写的中的内容即可，如果那么，这是因为在项目中，vite需要使用terser进行代码压缩，但是terser并没有安装，需要安装这样就可以继续打包了。

参与评论您还未登录，请先登录后发表或查看评论

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

itYuMi的博客

03-01

3040

前端项目遇到的bug 样式表引入出错拒绝应用样式表

【because its MIME type (‘text/html‘) is not a supported 报错原因与解决】

weixin_43727933的博客

12-05

1万+

because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled 报错原因与解决

css样式无法加载Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its MIME type...

weixin_50347956的博客

06-19

3884

css样式无法加载Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type...

Refused to apply style拒绝应用样式

最新发布

小蚂蚁的博客

01-25

3163

及时找到出错的地方，需要就在正确的路径下添加样式文件，不需要就注释掉导入语句。如果不知道在哪里引入了该样式文件，可以这样操作：webstorm操作：项目根目录app–>右键–>Find in Files–>搜索文件名。【出错代码提示（中文）】拒绝应用“http://localhost：8080/iconfont.css”中的样式，因为它的MIME类型(“text/html”)是不受支持的样式表MIME类型，并且启用了严格的MIME检查。项目中引入了改样式，但并没有提供，造成了样式表的缺失。

gulp报错：Refused to apply style from ＜url＞ because it样式无法编译

qq_57084525的博客

09-02

2946

css外联样式报错

Vue 报错TypeError: this.$set is not a function 的解决方法

10-17

在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...

详解Vue.js搭建路由报错 router.map is not a function

10-19

Vue.js 是一款流行的前端JavaScript框架，它提供了便捷的组件化开发模式和强大的状态管理功能。在实际项目开发中，我们常常会用到Vue Router来处理应用的路由管理，以便实现页面间的导航和状态管理。然而，有时候在...

Vue.js报错Failed to resolve filter问题的解决方法

10-22

在使用Vue.js进行前端开发时，开发者经常会遇到各种问题，其中一个比较常见的问题就是关于过滤器（filter）的错误。当在控制台发现报错信息"Failed to resolve filter:HomePage"时，可能会引起困惑，因为这可能指向...

cesium vue3脚手架：cesium@1.103.0+vue3+view-ui-plus

08-02

项目集成框架：cesium@1.103.0+vue3；项目采用vite构建，将cesium 1.103.0集成到vue3框架中，实现vue3版本的cesium脚手架, 前端ui采用view-ui-plus@1.3.14版本。 ## 项目安装 ``` 1.进入项目根目录 2.执行依赖安装...

解决打包文件加载资源报错 because its MIME type (‘text/html‘) is not a supported stylesheet MIME type

weixin_48337403的博客

11-23

3万+

关于vue-cli打包文件出现问题加载问题出现这种问题,大多都是路径问题事情是这样的,最近打包的文件放在服务器上,一直报错,发现资源加载问题,于是上网查找全是关于相对路径的设置问题.但是,修改路径后,基础资源加载没有问题了,但是路由下的页面依然报错,并且是这样的报错. 意思很简单: 拒绝从‘ …’加载应用样式，因为它的MIME类型(‘text/html’)不是受支持的样式表MIME类型不仅仅css,包括js也出现了相同的问题后来发现居然跟路由模式也相关,其他项目中默认路由模式是hash,而当前的路

Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its

weixin_49847397的博客

07-20

1951

Refused to apply style from 'http://localhost:8080/iconfont.css' because its

报错：Refused to apply style from ‘http://localhost:8080/iconfont.css‘ because its MIME type (‘text/ht

m0_62648436的博客

07-04

2672

报错：Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type ('text/ht

Refused to apply style from ‘http://localhost:8888/iconfont.css‘ because its MIME type (‘text/html‘)

easyplayers的博客

10-08

2278

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 <URL> because its MIME type ('text/html') is not a supported stylesheet

热门推荐

wongnoubo的博客

04-30

10万+

问题描述：css和js文件导入不到html中，出现错误：10Refused to apply style from ‘’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. 在引入css和js库之前添加代码解决问题 ...

拒绝应用样式，因为他的 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. 现象：其他人测试环境表现白屏，但在开发环境上可以...

解决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

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 目

打包出来的vue项目提示Refused to apply style from 'http://localhost:5500/static/css/app.40323c5f.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

06-13

这个错误提示意味着浏览器无法加载你打包好的Vue项目的CSS文件，因为它的MIME类型不是被支持的样式表类型，并且严格的MIME检查已经启用。解决这个问题的方法是确保你的CSS文件的MIME类型是"text/css"。你可以在服务端设置这个MIME类型技术方法，或者在Vue项目的配置文件中设置： ```javascript module.exports = { // ... devServer: { headers: { "Access-Control-Allow-Origin": "*", "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS", "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization", }, disableHostCheck: true, }, }; ``` 如果你使用的是Vue CLI 3，你可以在vue.config.js文件中添加这个配置。然后重新启动你的Vue项目，这个问题应该就会解决了。如果你已经打包好了Vue项目并且上传到了服务器，你需要确保CSS文件的MIME类型是"text/css"，并且在HTML代码中正确引用CSS文件。