javascript - Vercel 上的 Next.js 部署失败
问题描述
在 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
。如果您更改为正确的大小写,它应该可以正常工作。
如果您在更改案例后仍然遇到问题(偶尔会发生),您还可以删除 git 中的缓存并重新提交更改。这很可能肯定会解决问题。git命令在这里共享,我也将在这里共享:
git rm -r --cached .
git add --all .
git commit -am "Fix casing discrepancies."
git push origin branch_name
在极少数情况下,上述解决方案也可能无法正常工作。这发生在我身上,在这种情况下实现绝对导入和模块路径别名解决了这个问题。对于这个解决方案,我建议阅读 Next.js文档。
推荐阅读
- r - tune_bayes() 关于高斯过程不适合没有数据的错误
- javascript - 如何将使用 datetimepicker 获得的值转换为日期和时间?
- flutter - Flutter 后台服务
- reactjs - 在 React 的 Swiper 滑块中动态附加幻灯片
- r - R:只有年和月的日期格式
- graph - DAG 的信息
- html - 我怎样才能在不同角度的这些 li 之间建立联系?
- c# - 扩展方法的c#程序中的未知错误和逻辑错误
- java - 为什么Optional isPresent类方法以Consumer为参数,而不是Consumer
? - swift - 如何在 swift 中使用带符号的十六进制文字?