Vercel 上的 Next.js 部署失败答案

【问题标题】：Failing Next.js deployment on VercelVercel 上的 Next.js 部署失败
【发布时间】：2021-05-31 22:28:25
【问题描述】：

在 vercel 上部署项目时遇到此问题，
文件名：comps/Navbar.js
导入为import Navbar from "./Navbar";

16:36:51    ModuleNotFoundError: Module not found: Error: Can't resolve '../comps/navbar' in '/vercel/workpath0/pages'
16:36:51    > Build error occurred
16:36:51    Error: > Build failed because of webpack errors
16:36:51        at /vercel/workpath0/node_modules/next/dist/build/index.js:15:918
16:36:51        at processTicksAndRejections (internal/process/task_queues.js:93:5)
16:36:51        at async /vercel/workpath0/node_modules/next/dist/build/tracer.js:1:525
16:36:51    npm ERR! code ELIFECYCLE
16:36:51    npm ERR! errno 1
16:36:51    npm ERR! friendlist@0.1.0 build: `next build`
16:36:51    npm ERR! Exit status 1
16:36:51    npm ERR! 
16:36:51    npm ERR! Failed at the friendlist@0.1.0 build script.
16:36:51    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
16:36:51    npm ERR! A complete log of this run can be found in:
16:36:51    npm ERR!     /vercel/.npm/_logs/2021-03-02T11_06_51_966Z-debug.log
16:36:51    Error: Command "npm run build" exited with 1
16:36:56    Done with "package.json"

net ninja next js 播放列表中的代码

【问题讨论】：

可能是外壳问题，navbar vs Navbar?
检查vercel.com/support/articles/…
哦，是的，它刚刚解决了我的问题，我正在使用“导航栏”和“导航栏”推送我的代码，但 git 并不认为这是一个更改，为此我更改了文件名GitHub 本身并已部署。谢谢@paulogdm 和 juliomalves。

标签： javascript npm deployment next.js vercel

【解决方案1】：

正如评论所暗示的，错误很可能是由于大小写不同：navbar 与 Navbar。如果您更改为正确的大小写，它应该可以正常工作。

如果您在更改案例后仍然遇到问题（偶尔会发生），您还可以删除 git 中的缓存并重新提交更改。这很可能肯定会解决问题。 git命令共享here，这里也分享一下：

git rm -r --cached .
git add --all .
git commit -am "Fix casing discrepancies."
git push origin branch_name

在极少数情况下，上述解决方案也可能无法正常工作。这发生在我身上，在这种情况下实现绝对导入和模块路径别名解决了这个问题。对于这个解决方案，我推荐阅读 Next.js documentation。

【讨论】：

@PiyushGupta 谢谢你的美言！