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

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.30 06:03:22