Redux-Typescript模板React项目中sass模块找不到问题求助

问题原因 #

全局安装的sass不会被项目的依赖解析机制识别，sass-loader在编译scss文件时，只会从项目本地的node_modules目录中查找sass依赖——这就是你全局安装成功但项目报错、package.json里也没出现sass的核心原因。

解决步骤 #

• 切换到你的项目根目录（即my-app文件夹）
• 执行本地安装命令：

  npm install sass --save-dev
  

  若使用Yarn则执行：

  yarn add sass --dev
  

• 安装完成后，检查项目根目录下的package.json，devDependencies中会出现sass依赖项
• 重启React开发服务器（如果之前已启动），此时导入./sass/main.scss就不会再报错了

额外说明 #

React项目的依赖管理建议优先使用本地安装，这样能保证不同项目的依赖版本相互隔离，避免全局版本冲突引发的各种问题。

内容的提问来源于stack exchange，提问作者Максим Дмитриевич