当前位置： 移动技术网 > IT编程>网页制作>Html5 > 踩坑，vue项目中，main.js引入scss文件时报错

踩坑，vue项目中，main.js引入scss文件时报错

2019年09月18日  | 移动技术网IT编程  | 我要评论

麻辣天后宫hit5,神奇宝贝天空之阿空,松下2038

当我们在src目录下创建.scss文件，并在main.js中引用，运行时会报：

error failed to compile with 1 errors 5:25:07 pm
this relative module was not found:

* ./main.scss in ./src/main.js

如图所示

 

解决方法：

新版本的vue-cli已经帮我们把sass-loader配置好了，放在util.js里面了

前面我们通过 cnpm i node-sass sass-loader -d    安装好了scss依赖

并在build文件夹下的webpack.base.conf.js的rules里面添加了如下配置

{

test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}

 

现在不需要这样配置。如果这样配置会报错，因为配置重复了。

只需将此配置删除即可

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网