为什么css文件是.main,为什么在vue的main.js中引入css或者报错,不引入没问题

44bc709e90dabe5f9dd7bcfdb45dee82.png

759fdebada4472a4a3f14cc46f3839f3.png

回答:

我早上也报过这个错误 我建议你贴一下 webpack的配置代码

我早上解决的方案是 重新卸载了css-loader style-loader file-loader 安装用-D

然后也没有配置任何东西 之前配置的 webpack代码 css-loader!style-loader都去掉了

很意外 没有问题了

然后我刚才又试了试 加上了配置代码 中间css那块 果然 又报错了

{

test: /\.js$/,

loader: 'babel-loader',

include: [resolve('src'), resolve('test')]

},

{

test:/\.css$/,

loader:'css-loader!style-loader',

},

{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: 'url-loader',

options: {

limit: 10000,

name: utils.assetsPath('img/[name].[hash:7].[ext]')

}

},

3e6c1facc7248e657f86a9c6bf2e8336.png

综上 还是不要配置了 也有可能是我自己配置错了

字体引入 你不能那么引入

应该在css中引入

@font-face {

font-family: DS;

src: url("../../assets/font/DS-DIGI.TTF");

}

body{

font-family: DS;

}

回答:

现在的vue-cli里面已经配置好了css各种loader,如果再配置一遍,必须设置include属性,否则报如上错误。

回答:

楼上说写config里头的css-loader等报错,是因为没有加include选项

回答:

css文件解析出错了.看下是不是语法有问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值