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 相关文章推荐
js隐藏与显示回到顶部按钮及window.onscroll事件应用
Jan 25 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
ExpressJS入门实例
Jan 14 Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 Javascript
Angular入口组件(entry component)与声明式组件的区别详解
Apr 09 Javascript
JavaScript中arguments和this对象用法分析
Aug 08 Javascript
浅谈JS中几种轻松处理'this'指向方式
Sep 16 Javascript
js实现百度登录窗口拖拽效果
Mar 19 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
基于PHP pthreads实现多线程代码实例
Jun 24 Javascript
微信小程序自定义胶囊样式
Dec 27 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 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
JAVA/JSP学习系列之二
2006/10/09 PHP
PHP中使用匿名函数操作数据库的例子
2014/11/17 PHP
php中使用key,value,current,next和prev函数遍历数组的方法
2015/03/17 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
理解Javascript_07_理解instanceof实现原理
2010/10/15 Javascript
基于jquery完美拖拽,可返回拖动轨迹
2012/03/29 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
基于Jquery+Ajax+Json实现分页显示附效果图
2014/07/30 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
2014/12/29 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
浅谈javascript的调试
2015/01/28 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
基于ES6作用域和解构赋值详解
2017/11/03 Javascript
浅谈React的最大亮点之虚拟DOM
2018/05/29 Javascript
vue插件实现v-model功能
2018/09/10 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
[54:06]OG vs TNC 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
python删除文件示例分享
2014/01/28 Python
Python Matplotlib库入门指南
2015/05/18 Python
Python实现SMTP发送邮件详细教程
2021/03/02 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
Python操作mongodb的9个步骤
2018/06/04 Python
如何使用Python 打印各种三角形
2019/06/28 Python
Python中利用LSTM模型进行时间序列预测分析的实现
2019/07/26 Python
python如何实时获取tcpdump输出
2020/09/16 Python
运动会领导邀请函
2014/01/10 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
颐和园导游词400字
2015/01/30 职场文书
采购员工作总结范文
2015/08/12 职场文书
承诺书的签字人,需不需要承担相应的责任?
2019/07/09 职场文书
关于Javascript闭包与应用的详解
2021/04/22 Javascript
Spring Data JPA框架Repository自定义实现
2022/04/28 Java/Android