You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React项目Netlify构建失败:模块找不到错误求助

解决Netlify构建时“Module not found: Can't resolve './Navbar/MobileNavigation'”的问题
  • 检查路径大小写匹配
    本地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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.19 10:35:36