create-react-app建React项目node-sass不兼容,装4.14.1版仍报错
问题场景
- 通过
npm create-react-app初始化的React项目,初始安装依赖包含react ^17.0.1、node-sass ^5.0.0 - 在
index.js中引入空白index.scss文件时,本地运行抛出版本不兼容报错:Node Sass version 5.0.0 is incompatible with ^4.0.0 - 执行
npm uninstall node-sass卸载旧版本后,通过npm install node-sass@4.14.1安装适配版本,操作完成后仍弹出完全相同的报错,无任何变化 - 全流程可通过项目内
index.js代码、本地页面报错、终端npm命令执行结果的截图追溯
可落地的排查解决操作
- 清理残留依赖文件
- 删除项目根目录下的
node_modules文件夹、package-lock.json文件 - 执行
npm cache clean --force清除本地npm缓存 - 重新执行
npm install拉取全量依赖后启动项目
- 删除项目根目录下的
- 核对锁文件版本残留
检查package.json、package-lock.json中是否仍留存node-sass@5.x的版本锁定记录,手动修正为4.14.1后重新安装依赖 - 校验Node版本适配关系
node-sass@4.14.1仅兼容Node.js 14及以下版本,若本地Node版本超出适配范围,需切换至对应适配版本后再启动项目 - 无兼容版本适配时的替代方案
彻底卸载原有node-sass依赖后,安装CRA内置加载器可识别的Dart Sass版本:- 执行命令:
npm uninstall node-sass npm install sass@1.32.0
- 执行命令:
内容的提问来源于stack exchange,提问作者Nikhil Aggarwal
相关产品推荐
相关产品推荐

