vue使用Sass时报错问题的解决方法


Posted in Javascript onOctober 14, 2020

sass:
安装:

npm config set registry https://registry.npm.taobao.org/

//sass-node报错的话,使用镜像源cnpm install node-sass sass-loader --save-dev 再安装一次
npm install node-sass --registry=https://registry.npm.taobao.org

package.json中更改sass-loader版本

"sass-loader": "^7.3.1",

使用:
页面中直接使用或者@代替src(3.x中@无需配置,2.x中需要在webpack文件中配置)
vue使用Sass时报错问题的解决方法

问题描述:
下面这个问题是我使用sass时碰见的报错:

*!!vue-style-loader!css-loader?{“sourceMap”:true}!
../../../../vue-loader/lib/style-compiler/index?{“vue”:t
rue,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{“so
urceMap”:true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=style
s&index=0!./index.vue in ./node_m
odules/vux/src/components/alert
/index.vue

解决方案
此类问题一般是缺少相关依赖而导致的,对于本例,仔细看一下报错提示信息,抓住关键词,vue-style-loader!css-loader,说明是css解析的时候出了问题。
所以,解决方案就要根据情况而定,看你使用的CSS语言是什么,是常规的 或者 less 或者 sass。

1.如果 常规 中碰到,执行

npm install stylus-loader css-loader style-loader --save-dev

2.如果 less中碰到,执行

npm install less less-loader --save-dev

3.如果 sass 中碰到,执行

npm install sass sass-loader --save-dev

安装依赖就行
或者

$npm intall sass-loader --save ; $npm install node-sass --save

如果你不知道,好吧,你三个都执行吧?

一般只有在初始化配置的的时候才会出现这个问题,如果是已经完好的项目都会在package.json中已经配好,直接install即可。

到此这篇关于vue使用Sass时报错问题的解决方法的文章就介绍到这了,更多相关vue使用Sass报错内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 中对象的继承〔转贴〕
Jan 22 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
jQuery动态背景图片效果实现方法
Jul 03 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 Javascript
Bootstrap中datetimepicker使用小结
Dec 28 Javascript
IScroll那些事_当内容不足时下拉刷新的解决方法
Jul 18 Javascript
微信小程序实现的canvas合成图片功能示例
May 03 Javascript
vue路由插件之vue-route
Jun 13 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
小程序如何写动态标签的实现方法
Feb 05 Javascript
JavaScript原生数组函数实例汇总
Oct 14 #Javascript
如何通过JS实现日历简单算法
Oct 14 #Javascript
浅谈js数组splice删除某个元素爬坑
Oct 14 #Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 #Javascript
JavaScript Blob对象原理及用法详解
Oct 14 #Javascript
基于javascript原生判断DOM是否加载完毕
Oct 14 #Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 #Javascript
You might like
如何在WIN2K下安装PHP4.04
2006/10/09 PHP
php中禁止单个IP与ip段访问的代码小结
2012/07/04 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
Windows下的PHP安装pear教程
2014/10/24 PHP
smarty半小时快速上手入门教程
2014/10/27 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
2010/09/19 Javascript
10款非常有用的 Ajax 插件分享
2012/03/14 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
JavaScript的RequireJS库入门指南
2015/07/01 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
Express下采用bcryptjs进行密码加密的方法
2018/02/07 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
[57:55]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第二场 12.12
2020/12/16 DOTA
在centos7中分布式部署pyspider
2017/05/03 Python
Python之reload流程实例代码解析
2018/01/29 Python
Python 根据数据模板创建shapefile的实现
2019/11/26 Python
Python autoescape标签用法解析
2020/01/17 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
python实现图像全景拼接
2020/03/27 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
师范应届生求职信
2013/11/15 职场文书
社会实践心得体会
2014/01/03 职场文书
元旦联欢会主持词
2014/03/26 职场文书
理财学专业自荐书
2014/06/28 职场文书
读群众路线的心得体会
2014/09/03 职场文书
行政文员岗位职责
2015/02/04 职场文书
教育读书笔记
2015/07/02 职场文书
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python