在 vue 项目 index.html 中引入第三方 css 和 js 报 MIME type 问题

This topic created in 2646 days ago, the information mentioned may be changed or developed.

控制台报错：
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 报错。太纠结了，求大佬指点原因

CSS

webpack4

mime

refused

7 replies • 2019-03-08 11:52:01 +08:00

ASpiral

Mar 7, 2019

把 css 文件放到 public 目录下

1KN6sAqR0a57no6s

Mar 7, 2019 via Android

应该是路径问题。
我之前遇到过同样的情况，是因为我把 css 文件放到了没有权限的路径下面，导致返回的是个报错的 html。

codingHi

Mar 7, 2019

谢谢呀，这个 webpack4 并没有 public 目录，能给传授下为什么嘛？
“把 css 文件放到了没有权限的路径下面，导致返回的是个报错的 html ” 这个权限指的是编译.css 文件的 loader 嘛？

codingHi

Mar 7, 2019

==！我没有搜到“权限”这类内容，我感觉应该不是权限之类的问题吧，我再解析.css 的那块用 includ 加上了 src 目录（ src/assets/img...图片在这里），同样还是有这个错误，我直达如何让控制台不报这个错，但不知道为什么？希望大神指点~

stillsilly

Mar 7, 2019

路径问题，直接写 assets/css/reset.css 就行了，src 不需要

codingHi

Mar 8, 2019

@stillsilly 谢谢了，确实是路径问题，由于不能贴图我就大概描述下好了，由于我对 webpack 的理解很贫穷，不对的还请大家主动鉴别！
跟 webpakc-dev-server 中设置的路径有关系，我的 devServer 中 publicPath: '/'，我通过添加 contentBase: './',后就实现了开发环境下的正确引入。而生产环境还需要在 index.js 中引入在 html 中加载的那个 css,从而把这个 css 打包。我认为我的做法很蠢，先工作以后深入学习后再修改，我在三个平台提了这个问题，只有这里有回复....谢谢大家

codingHi

Mar 8, 2019

@ASpiral 这个项目是自己用 webpack4 配的环境，放到 public 下应该也没用，cli3.0 也是配置不编译 public 文件直接引用，好像是这样。