Node v16.20.0 应该安装哪个版本的sass和sass-loader呢？

大、男人

已于 2023-05-31 20:45:56 修改

阅读量2.5k

点赞数 1

文章标签： sass npm 前端

于 2023-05-21 20:59:40 首次发布

本文链接：https://blog.csdn.net/juxua_xatu/article/details/130796603

版权

当项目从node14开发环境迁移到node16本地环境时，可能遇到兼容性问题。可以通过在node16环境下手动安装sass和sass-loader，并使用nvm管理不同Node版本。同时，检查并更新如babel-eslint等依赖的版本以避免错误。此外，可以设置npm或yarn的淘宝镜像以提高下载速度，并使用windows-build-tools安装编译环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

node 14 对sass和sass-loader的依赖和node 16是不同的。当一个项目，由node14开发，但是本地环境又是node 16, 该怎么解决呢？

这里可以用到node16的自动安装，直接执行：

npm install sass
npm install sass-loader

安装完成后，通过下面命令查看已安装的脚本

# 以树型结构列出当前项目安装的所有模块，以及它们依赖的模块。
npm list

# 列出全局安装的模块。
npm list -global

然后把查询到的版本写入到package.json中即可。

npm run build:prod

构建出来的是生产环境的应用，生成的包会比较小

npm run build:stage

构建出来的是测试环境的应用

NVM包管理

在nvm包管理目录下，解压下载的node，下载地址：node

npm或yarm指定淘宝镜像

# npm命令
npm config get registry
# yarn命令
yarn config get registry

修改为淘宝镜像

# npm命令
npm config set registry http://registry.npm.taobao.org/
# yarn命令
yarn config set registry http://registry.npm.taobao.org/

安装windows平台编译环境（需要在管理员权限下安装）

npm install -g node-gyp npm install --global --production windows-build-tools

当然也可在项目目录下临时安装指定node-sass为镜像淘宝

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

安装yarm

sudo npm i -g yarn yarn 或者 yarn install //安装所有的依赖包 yarn add [package]@[version] //添加一个依赖包 yarn remove package 　　　　 //移除某个依赖项目

TypeError: Cannot read property 'range' of null错误解决方法

一般原因：babel-eslint版本太高了。比如："babel-eslint": "^10.0.3"

解决方法：删除node_modules/babel-eslint

npm i babel-eslint@7.2.3