Next.js 导入图片时出现无法解析 src 错误

Question

我尝试在 Next.js 中导入图像，但收到此错误。我不知道出了什么问题，这里有人可以帮我解决这个问题吗？该图像位于公共文件夹中，这是我运行服务器时遇到的错误。

错误：无法解析 src“../public/logo.png” next/image，如果使用相对图像，则必须以前导斜杠“/”开头或者是绝对 URL（http:// 或 https://）

Answer 1

文件夹中找到的任何内容都可以直接使用. 如果最终用户在搜索栏上输入 ，也可以访问它。Next.js\' public//logo.png

\n

https://nextjs.org/docs/basic-features/static-file-serving

\n

\n

Next.js 可以在根目录中名为 public 的文件夹下提供静态文件，例如图像。然后，您的代码可以从基本 URL (/) 开始引用 public 内的文件。\n例如，如果您将图像添加到 public/me.png，以下代码将访问该图像：

\n

\n

这应该可以做到：

\n

 <Image src="/logo.png" alt="logo" width="64" height="64" />\n

\n

假设您的项目结构如下：

\n

root\n|\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80public\n\xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80\xe2\x94\x80logo.png \n

\n

Answer 2

哦，要解决该错误，您只需在 ../public/logo.png 的开头包含一个 / 即可获得此 /../public/logo.png