下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:彼岸心情     来源: https://www.cnblogs.com/xjguan/p/11544022.html点击数:1055发布时间: 2020-03-04 19:44:41

标签: VUE计算机图像

Web开发

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

  当我们在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)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

赞(15)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程