前段使用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:[ ] 下最后添加试试(反正
- List item
我没有用):
{
test: /.vue$/,
loader: ‘vue-loader’,
options: {
loaders: {
scss: ‘style-loader!css-loader!sass-loader’,
sass: ‘style-loader!css-loader!sass-loader?indentedSyntax’,
},
},
},