css 未载入,因为它的 MIME 类型 "text/html" 不是 "text/css"

在做一个vue的练习,index.html引入css文件未生效,报如下错误:图片说明

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>vue-router</title>
    <link rel="stylesheet" type="text/css" href="./public/font_twplnpcw1f/iconfont.css">
    <style>
      *{
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>

百度找了好久,无法解决,遂提问,望大神解答

3个回答

用了vue脚手架,你这个样式是在index.html里面引入的?全局样式直接在app.vue里面import进去

wczdsg
wczdsg 回复菜鸟咸鱼一锅端: 文件原来放在public文件夹内,按照你的说法把文件放入了static文件夹内,果然就不报错了,谢谢大神!又增长知识了!
2 个月之前 回复
qq_37049128
菜鸟咸鱼一锅端 回复wczdsg: 你要在index.html里面引入也可以,但是css的路径必须要放在静态资源文件里,放在static文件夹内
2 个月之前 回复
wczdsg
wczdsg 嗯,后来在组件中引入了,但是按常理来说html里引入css文件没毛病啊,这里为什么会被识别为text/html
3 个月之前 回复

你加一个type属性 type="text/css"

wczdsg
wczdsg 回复浊酒敬风尘。: 你是复读机吗
3 个月之前 回复
eieieieiei_
浊酒敬风尘。 你加一个type属性 type="text/css"
3 个月之前 回复
wczdsg
wczdsg 加了还是没用
3 个月之前 回复

你是使用什么浏览器导致的这个问题,IE吗?谷歌可以正常打开吗?我感觉像是浏览器兼容问题
建议这样解决,把头文件改成这样:<!--[if IE]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<![endif]-->

hqin_520
hqin_520 回复hqin_520: 脚手架
3 个月之前 回复
hqin_520
hqin_520 回复wczdsg: 样式路径正确吗?你用的vue,有没有用什么脚手?最后build之后运行,路径有可能会更改。有可能需要加dist/xx.css。仅提供一个思路
3 个月之前 回复
wczdsg
wczdsg 谷歌 火狐 ie都试过了,不行
3 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐