在 vue 项目 index.html 中引入第三方 css 和 js 报 MIME type 问题
codingHi · 2019-03-07 15:16:14 +08:00 · 5723 次点击这是一个创建于 2099 天前的主题，其中的信息可能已经有所发展或是发生改变。
控制台报错：
Refused to apply style from 'http://localhost:8082/src/assets/css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
自己配置的 webpack4 在 index.html 引入 css 报错。太纠结了，求大佬指点原因
Refused to apply style from 'http://localhost:8082/src/assets/css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
自己配置的 webpack4 在 index.html 引入 css 报错。太纠结了，求大佬指点原因
 |
1
ASpiral 2019-03-07 15:40:13 +08:00
把 css 文件放到 public 目录下
|
 |
2
1KN6sAqR0a57no6s 2019-03-07 15:54:29 +08:00 via Android
应该是路径问题。
我之前遇到过同样的情况，是因为我把 css 文件放到了没有权限的路径下面，导致返回的是个报错的 html。 |
 |
3
codingHi OP 谢谢呀，这个 webpack4 并没有 public 目录，能给传授下为什么嘛？
“把 css 文件放到了没有权限的路径下面，导致返回的是个报错的 html ” 这个权限指的是 编译.css 文件的 loader 嘛？ |
|
4
codingHi OP ==！ 我没有搜到“权限”这类内容，我感觉应该不是权限之类的问题吧，我再解析.css 的那块用 includ 加上了 src 目录（ src/assets/img...图片在这里），同样还是有这个错误，我直达如何让控制台不报这个错，但不知道为什么？希望大神指点~
|
 |
5
stillsilly 2019-03-07 17:14:56 +08:00
路径问题，直接写 assets/css/reset.css 就行了，src 不需要
|
|
6
codingHi OP @stillsilly 谢谢了，确实是路径问题，由于不能贴图我就大概描述下好了，由于我对 webpack 的理解很贫穷，不对的还请大家主动鉴别！
跟 webpakc-dev-server 中设置的路径有关系，我的 devServer 中 publicPath: '/'，我通过添加 contentBase: './',后就实现了开发环境下的正确引入。而生产环境还需要在 index.js 中引入在 html 中加载的那个 css,从而把这个 css 打包。我认为我的做法很蠢，先工作以后深入学习后再修改，我在三个平台提了这个问题，只有这里有回复....谢谢大家 |
Select Language