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

2019-03-07 15:16:14 +08:00
 codingHi
控制台报错:
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 报错。太纠结了,求大佬指点原因
5656 次点击
所在节点    问与答
7 条回复
ASpiral
2019-03-07 15:40:13 +08:00
把 css 文件放到 public 目录下
YuxiangLuo
2019-03-07 15:54:29 +08:00
应该是路径问题。
我之前遇到过同样的情况,是因为我把 css 文件放到了没有权限的路径下面,导致返回的是个报错的 html。
codingHi
2019-03-07 16:14:15 +08:00
谢谢呀,这个 webpack4 并没有 public 目录,能给传授下为什么嘛?
“把 css 文件放到了没有权限的路径下面,导致返回的是个报错的 html ” 这个权限指的是 编译.css 文件的 loader 嘛?
codingHi
2019-03-07 16:28:59 +08:00
==! 我没有搜到“权限”这类内容,我感觉应该不是权限之类的问题吧,我再解析.css 的那块用 includ 加上了 src 目录( src/assets/img...图片在这里),同样还是有这个错误,我直达如何让控制台不报这个错,但不知道为什么?希望大神指点~
stillsilly
2019-03-07 17:14:56 +08:00
路径问题,直接写 assets/css/reset.css 就行了,src 不需要
codingHi
2019-03-08 11:50:29 +08:00
@stillsilly 谢谢了,确实是路径问题,由于不能贴图我就大概描述下好了,由于我对 webpack 的理解很贫穷,不对的还请大家主动鉴别!
跟 webpakc-dev-server 中设置的路径有关系,我的 devServer 中 publicPath: '/',我通过添加 contentBase: './',后就实现了开发环境下的正确引入。而生产环境还需要在 index.js 中引入在 html 中加载的那个 css,从而把这个 css 打包。我认为我的做法很蠢,先工作以后深入学习后再修改,我在三个平台提了这个问题,只有这里有回复....谢谢大家
codingHi
2019-03-08 11:52:01 +08:00
@ASpiral 这个项目是自己用 webpack4 配的环境,放到 public 下应该也没用,cli3.0 也是配置不编译 public 文件直接引用,好像是这样。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/542143

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX