Next.js版本10中的内置图像组件可以'；不可加载

我正在尝试使用新的内置

image

组件将图像插入到我的Next.js v.10应用程序中

代码如下：

import * as React from "react";
import Image from "next/image";

export const TestImage = () => {
  return (
    <Image
      src="/images/dummy-rectangle-image.png"
      alt="about"
      unsized
    />
  );
};

结果:

请求URL: localhost:3000/_next/image？url=%2Fimages%2Fblack arrow.png&w=768&q=75

状态代码：500内部服务器错误

似乎Next.js配置有问题，无法识别图像的正确路径。我阅读了文档提示，但对我来说似乎没有什么帮助

---

在Next.js v.10中使用图像组件的正确方法是什么？

如果您的图像位于

public/static/images

文件夹中，则您的

组件需要具有

src=“/static/images/Image name.png”的src。这是因为公用文件夹中的任何内容都是直接提供的，包括目录