前端Vue框架Can't resolve 'sass-loader'完整解决办法!

前段使用Vue框架项目需要用到CSS样式背景,项目正常启动,在Goolel上输入地址就报错、错误如下截图,在网上找了一些解决办法也比较乱,下面是我在遇到这个问题的一种解决办法:
在Chrome浏览器中的错误:
在这里插入图片描述
项目编译成功:
在这里插入图片描述
图一的错误就是不能解析sass-loader 这种东西,
所以第一步需要在项目中引入如下指令:
npm install sass-loader -D
npm install node-sass -D
第一个指令已安装完成。
在这里插入图片描述
但是在第二个却出了错误:
在这里插入图片描述
但是换成cnpm install node-sass -D 却成功了!!!
在这里插入图片描述
安装成功的结论是:
在开发中通常我们使用国内镜像,这里我使用淘宝镜像 ,有时我们使用npm下载资源会很慢,所以我安装一个cnmp(淘宝镜像)来加快下载速度。
使用Webpack依赖node.js,
npm全程Node Package Manager,是node包管理和分发的工具,node.js使用npm安装依赖的js包,
cnpm是从国内的镜像下载jar包,可以替代npm。
因为我本地使用镜像已经指向taobao。
在这里插入图片描述
这样项目就能够成功运行了!!!
如果你还不行那可能就需要去webpack.base.conf.js中的module:的rules:[ ] 下最后添加试试(反正

  1. List item

我没有用):
{
test: /.vue$/,
loader: ‘vue-loader’,
options: {
loaders: {
scss: ‘style-loader!css-loader!sass-loader’,
sass: ‘style-loader!css-loader!sass-loader?indentedSyntax’,
},
},
},

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值