Next.js 在部署中找不到公用文件夹中的图像，但可以在本地找到

当我在本地开发时，当我将

/public

文件夹放置在

/src/

中时，可以找到图像：

# locally
./src/public/images/

然后，当我进行部署时，找不到映像。但当我将公用文件夹放在src之外时，会发现图像：

# deploy
./public/images/
./src/

我将这些图像用作：

<img src="/images/my-image.jpg" alt="" />

---

公用文件夹必须位于根目录中。否则无法进行配置

然后，您的代码可以从基本URL（/）开始引用public中的文件。

/public/path/image.jpg

用作

/path/image.jpg

---

Next.js可以在根目录中名为public的文件夹下提供静态文件，如图像。 你可以查看文件

从“下一个/图像”导入图像
函数Avatar（）{
返回
}
导出默认化身

---

玩得开心。

我就是这样使用它的（在问题中添加了信息）。然而，它仍然只能在本地找到它。部署后，图像不会显示。我现在看到了。公用文件夹必须位于根目录中。否则无法进行配置。我已经更新了我的答案。在词根中的意思与/src相同？但是我的本地主机找不到图像。是的，与src和pages的级别相同。当您在dev（npm-dev）中运行下一步时，您是否将映像放在下面？更改文件夹结构后是否重新启动服务器？我的公用文件夹位于根目录中，但我也遇到了相同的问题。你能修好吗？请把代码贴在这里。请不要使用代码图像。另外，请阅读以下内容：欢迎链接到某个解决方案，但请确保您的答案在没有它的情况下是有用的：这样您的其他用户就会知道它是什么以及为什么存在，然后引用您链接到的页面的最相关部分，以防目标页面不可用。

|- .now/
|  |-  project.json
|  └── README.txt  
|- next.config.js
|- now.json
|- src/
|  |- .next/
|  |  |-  build-manifest.json
|  |  |-  react-loadable-manifest.json
|  |  |-  cache/
|  |  |-  server/
|  |  └── static/
|  |-  pages/
|  └── next-env.d.ts

import Image from 'next/image'

function Avatar() {
  return <Image src="/me.png" alt="me" width="64" height="64" />
}

export default Avatar