解决方案
<link rel="stylesheet" href="../../../Static/css/common/common.css" media="all">
//删除rel属性或者删除rel和media属性都可以,改为如下:
<link href="../../../Static/css/common/common.css" media="all">
<link href="../../../Static/css/common/common.css">
另外要检查一下你引用的CSS文件的后缀名是否正确
是你路径问题,先检查下
路径的问题,你直接在浏览器打开这个链接,看看是不是正常可以的呢
路径的问题,文件是否在同一个目录下面,检查一下路径
vue项目通过import引入外部css报错的解决办法:首先在【webpack.config.js】中添加相关内容,添加后重新npm run dev;然后json文件中查看是否存在【css-loader】等数据,并安装即可。
本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。
vue项目通过import引入外部css报错的解决办法:
vue 通过webpack-simple生成项目,引入外部csss时报错解决:
1、在webpack.config.js中添加以下内容,添加后重新npm run dev{
test:/.css$/,
loader:'style-loader!css-loader'
},
{
test: /.woff|.woff2|.svg|.eot|.ttf/,
use: 'url-loader?prefix=font/&limit=10000'
}
2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install(-D)进行安装即可。
我不知道你是在那个页面这样写引入方式的,如果实在index.html页面的话,引入样式文件需要使用 link标签,就像这样
<link rel="stylesheet" href="这里写你的css文件路径">
如果是Vue项目,在main.js文件中是可以直接像你这么写的,报错只可能是路径没写对
如果是在css样式里面引入其他css文件,你需要使用@import这个关键字