Linux系统下React项目报SassError找不到导入样式表如何解决

这是SASS_PATH环境变量的跨平台分隔符不兼容导致的问题：Windows系统的路径分隔符为分号;，而Linux/macOS等类Unix系统的路径分隔符为冒号:。你当前.env中的配置SASS_PATH=./node_modules;./src在Linux下会被识别为一整段无效路径，无法正确定位到src目录下的样式文件。

方案1：使用cross-env实现全平台兼容（推荐，不影响其他开发者） #

• 安装cross-env开发依赖：

npm install cross-env --save-dev
# 若使用yarn则执行：yarn add cross-env -D

• 修改package.json中的启动脚本，替换原有start配置：

"start": "cross-env SASS_PATH=./node_modules:./src react-scripts start",

cross-env会自动根据当前运行系统转换路径分隔符，Windows下会自动转成;、Linux下保持:，所有开发者共用同一套配置即可正常运行。

方案2：添加本地.env配置（无需修改公共代码） #

如果你不想改动项目公共的package.json和.env文件，可以在本地项目根目录创建.env.local文件（该文件默认被.gitignore排除，不会提交到代码库影响其他人），写入如下配置：

SASS_PATH=./node_modules:./src

重启项目后配置会自动生效。

额外检查项 #

如果修改配置后仍报错，需要确认路径大小写匹配：Linux系统对文件/文件夹名大小写敏感，Windows则无此限制，请检查src下的样式文件夹是否确实为全小写styles，内部的配置文件是否确实名为config.scss，无大小写拼写差异。

内容的提问来源于stack exchange，提问作者margherita pizza