web前端：踩坑，VUE项目中，MAIN.JS引入SCSS文件时报错

作者:彼岸心情 更新于： 2020-03-04 19:44:38

　　文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字，就是网页的内容。图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。

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

　　ERRORFailedtocompilewith1errors5:25:07PM

　　Thisrelativemodulewasnotfound:

　　*./main.scssin./src/main.js

　　如下面图像所示

　　解决方法：

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

　　前面我们通过cnpminode-sasssass-loader-D安装好了scss依赖

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

　　{

　　test:/\\.scss$/,

　　loaders:['style','css','sass']

　　}

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

　　只需将此配置删除即可

　　网页是一个包含html标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一"页"，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。