vue项目 elementUI的style使用lang=“scss“出错

1. 解决方案：需要引入sass-loader这种依赖包

npm install sass-loader --save;

npm install node-sass --save;

在build文件夹下的webpack.base.conf.js的rules里面添加配置

  {

    test: /\.scss$/, 

     loaders: ['style', 'css', 'sass'] 

}

 

2. 安装node-sass出错

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.0 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.13.0 postinstall script.

原因：node-sass 的数据源没设置

解决方案：npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

 

3. 设置npm网络链接失败

解决方案：

① 先取消npm代理设置：

输入命令：npm config set proxy null

输入命令：npm config set https-proxy null

② 添加淘宝镜像：

输入命令：npm --registry https://registry.npm.taobao.org info underscore

③ 在.npmrc文件中添加代理：registry = https://registry.npm.taobao.org/

完成~~~

npm可以重新安装包啦，安装noss-sass.