React项目Netlify构建失败:模块找不到错误求助
检查路径大小写匹配
本地Windows/macOS环境通常不区分文件名大小写,但Netlify基于Linux环境,对路径大小写严格敏感。确认你代码中导入的./Navbar/MobileNavigation与仓库中实际文件/文件夹的大小写完全一致,比如实际文件夹是navbar还是Navbar,文件名是MobileNavigation.jsx还是mobilenavigation.jsx,必须完全匹配。验证文件存在性与提交状态
确认src/components/Navbar/目录下确实存在MobileNavigation相关文件(比如.js/.jsx/.tsx),没有拼写错误。同时检查该文件是否已提交到GitHub仓库——Netlify构建只会拉取仓库内的文件,本地存在但未提交的文件会导致构建时找不到。补全导入语句的文件扩展名
部分本地开发环境支持省略文件扩展名(如Create React App),但构建环境可能出现解析异常。尝试在导入语句中添加完整扩展名,例如将import MobileNavigation from './Navbar/MobileNavigation'修改为import MobileNavigation from './Navbar/MobileNavigation.jsx'(根据你的文件类型调整)。清理缓存后重新构建
Netlify的构建缓存可能引发异常,可在项目控制台的「Build & deploy」选项中手动清理构建缓存,再触发重新构建。本地也可执行以下操作后提交仓库:npm cache clean --force rm -rf node_modules package-lock.json npm install本地预验证构建命令
在本地运行CI=false npm run build,如果本地也出现相同错误,说明问题不在Netlify,而是项目本身的路径问题,先在本地修复后再提交代码到仓库。
内容的提问来源于stack exchange,提问作者maxheezy's

