React引入CSS文件报错Module not found无法解析footer.css路径

CSS文件导入的相对路径层级写错了。
你在同一个Footer.jsx文件里，导入logo图片用的路径是../../assets/images/footer-logo.png，说明从Footer.jsx所在位置需要向上返回2级目录，才能到达assets文件夹的父级目录。但你导入footer.css时写的是../assets/css/component/footer.css，只向上返回了1级目录，构建工具自然找不到对应文件。

直接修改Footer.jsx里的CSS导入语句，把路径层级对齐logo的导入逻辑即可：

1. 找到原来的错误导入代码：

import '../assets/css/component/footer.css';

2. 替换为正确路径：

import '../../assets/css/component/footer.css';

如果修正路径后还是报找不到模块，按以下顺序核对：

• 检查路径拼写：确认文件夹名是component还是components、文件名大小写是否匹配（Mac/Windows本地不区分大小写，但Linux部署环境会严格区分大小写）
• 到本地项目目录里手动核对，确认footer.css文件确实存放在assets/css/component/路径下，没有被移动、重命名或者误删
• 写导入路径时尽量用编辑器的自动补全功能选择文件，不要手动敲全路径，避免低级拼写错误

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