vue 安装 scss
node-sass与 node 版本不兼容时,如果node版本过高时,最好对node版本进行降级,升级node-sass可能有隐藏风险;如果sass版本过高,可以卸载sass,重新安装指定版本。安装scss (安装sass-loader node-sass 前者依赖于后者)node-sass:nodejs环境中将sass转css。安装指定版本:当由于版本过高报错时,可以指定要安装的版本。sass-
·
安装scss (安装sass-loader node-sass 前者依赖于后者)
sass-loader:把 sass编译成css
node-sass:nodejs环境中将sass转css
npm install sass-loader --save-dev
npm install node-sass --sava-dev
安装指定版本:当由于版本过高报错时,可以指定要安装的版本
npm install sass-loader@7.3.1 --save-dev
# 或者
npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D
node-sass与 node 版本不兼容时,如果node版本过高时,最好对node版本进行降级,升级node-sass可能有隐藏风险;如果sass版本过高,可以卸载sass,重新安装指定版本。
升级node问题指路:
报错指路:Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错_金乌Y的博客-CSDN博客
版本对应关系如下图:
nodes-sass releases地址:https://github.com/sass/node-sass/releases
nodejs releases地址:以往的版本 | Node.js
# 降级 node
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}
# 卸载sass-loader
npm uninstall sass-loader
安装速度很慢时,可以尝试镜像安装
# 1. 安装cnmp
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 2. 执行cnpm install
cnpm i sass-loader@7.3.1 -D
cnpm i node-sass@4.14.1 -D
题外话:
# 1. 删除npm代理模式
npm config delete proxy
npm config delete https-proxy
# 2. 切换镜像源
# 全局切换镜像源:
npm config set registry https://registry.npm.taobao.org
# 查看镜像源使用状态:
npm get registry
# 全局切换官方镜像源:
npm config set registry https://registry.npmjs.org
# 3. 管理镜像源
# 3.1 安装nrm
npm install -g nrm
# 3.2 查看镜像源列表
nrm ls
########## 以下为列表
* npm -------- https://registry.npmjs.org/
yarn ------- https://registry.yarnpkg.com/
cnpm ------- http://r.cnpmjs.org/
taobao ----- https://registry.npm.taobao.org/
nj --------- https://registry.nodejitsu.com/
npmMirror -- https://skimdb.npmjs.com/registry/
edunpm ----- http://registry.enpmjs.org/
#########
# 3.3 切换镜像源
nrm use taobao
# 3.4 获取当前使用的镜像源
npm get registry
更多推荐
已为社区贡献2条内容
所有评论(0)