Next.js部署Vercel时next/Image模块找不到如何解决
错误原因
编译失败的核心原因是导入路径大小写不匹配:
Next.js 内置图片组件的正确导入路径为全小写的 next/image,你的代码中写的是首字母大写的 next/Image。
Windows、macOS 桌面端系统默认的文件系统不区分路径大小写,所以本地开发运行时不会触发这个报错;但Vercel的部署运行环境为Linux系统,Linux文件系统严格区分大小写,因此会直接抛出「模块找不到」的编译错误。
修复步骤
- 打开
./components/Footer.js文件,将错误的导入语句替换为正确写法:
// 原错误写法 // import Image from "next/Image"; // 修正后写法 import Image from "next/image";
- 全局检索项目内所有代码文件,排查其他位置是否存在同样的
next/Image大写路径错误,全部统一替换为小写的next/image。 - 提交修改后的代码重新触发Vercel部署即可正常构建。
内容的提问来源于stack exchange,提问作者Rahil Əliyev
相关产品推荐
相关产品推荐

