vue使用Sass时出现报错问题如何解决

　　介绍

本篇文章为大家展示了vue使用Sass时出现报错问题如何解决,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。


<强>安装: 

 npm配置设置注册https://registry.npm.taobao.org///sass-node报错的话,使用镜像源cnpm安装node-sass sass-loader——save-dev再安装一次
　　npm安装node-sass——注册表=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& # 63; {“sourceMap”:真正的}! 　　. ./. ./. ./. ./vue-loader/lib/style-compiler/index& # 63; {“vue”: t 　　街,“id”:“数据- v - 570115 - ee”、“作用域”:假的,“hasInlineConfig”:假}! . ./. ./. ./. ./vux-loader/src/after-less-loader.js ! less-loader& # 63; {” 　　urceMap”:真}! . ./. ./. ./. ./vux-loader/src/style-loader.js ! . ./. ./. ./. ./vue-loader/lib/selector& # 63; type=风格 　　s&指数=0 !/索引。vue。/node_m 　　odules/vux/src/组件/警报/index.vue

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

1。如果<强>常规中碰到,执行

 npm安装stylus-loader css-loader style-loader——save-dev

2。如果<强> 中少碰到,执行

 npm安装少less-loader——save-dev

3。如果<强> sass 中碰到,执行

 npm安装sass sass-loader——save-dev

安装依赖就行
或者

npm美元安装sass-loader——保存;美元npm安装node-sass——保存

<强>如果你不知道,好吧,你三个都执行吧,# 128512;。

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

上述内容就是vue使用Sass时出现报错问题如何解决,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。

vue使用Sass时出现报错问题如何解决