Next.js中Module not found错误：img标签图片路径解析失败求助

问题根源 #

你出错的核心原因是Next.js的public目录是静态资源的根路径，引用时不需要在src里加上/public前缀，这个多余的前缀会让Next.js去错误的路径查找文件，最终导致"Module not found"报错。

正确代码写法 #

把img标签的src改成从根路径直接指向图片即可：

<img src="/img/cats.png" alt="cats img" />

额外检查项 #

• 确认文件实际路径：项目根目录的public文件夹下，必须存在img子文件夹，且里面确实有cats.png文件，注意文件名和目录名的大小写（Linux/macOS系统区分大小写，Windows不区分）
• 不要使用../../这类相对路径引用public下的静态资源，直接用/开头的绝对路径即可
• 若使用Next.js 13+的App Router，该规则同样适用，只需保证public目录在项目根目录下

内容的提问来源于stack exchange，提问作者virgin