React项目报错Cannot find module 'sass'，已安装全局sass仍未解决

问题场景 #

我通过以下步骤用Sass构建React应用：

• 在终端执行初始化命令：npx create-react-app .
• 全局安装Sass：npm install -g sass

但启动项目时触发错误：

Module Error: Cannot find module 'sass'

错误调用栈：

• D:\intern\neo\node_modules\sass-loader\dist\utils.js
• D:\intern\neo\node_modules\sass-loader\dist\index.js
• D:\intern\neo\node_modules\sass-loader\dist\cjs.js
• D:\intern\neo\node_modules\loader-runner\lib\loadLoader.js
• D:\intern\neo\node_modules\loader-runner\lib\LoaderRunner.js
• D:\intern\neo\node_modules\webpack\lib\NormalModule.js
• D:\intern\neo\node_modules\webpack-manifest-plugin\dist\index.js
• D:\intern\neo\node_modules\react-scripts\config\webpack.config.js
• D:\intern\neo\node_modules\react-scripts\scripts\start.js

解决办法 #

1. 本地安装Sass到项目依赖 #

全局安装的Sass无法被项目的webpack/sass-loader识别，必须将Sass安装到项目本地开发依赖中：

npm install sass --save-dev

2. 清除缓存并重启项目 #

安装完成后，清除npm缓存并重新启动开发服务器：

npm cache clean --force
npm start

3. 检查版本兼容性（可选） #

如果问题仍存在，确认sass-loader与sass的版本兼容。比如sass-loader v13及以上版本需要搭配sass v1.32.0及以上版本。可查看项目中sass-loader的版本，安装对应兼容的sass版本。

内容的提问来源于stack exchange，提问作者Dhruv verma