Next.js Next js images错误：“Next/image”上的src prop无效`

我在next.js中有以下错误，我是一个初学者，无法理解这个问题，有人能帮我吗

我找不到我需要做什么来修复它，我已经尝试了很多方法，但仍然有相同的错误

我得到的错误：

Server Error
Error: Invalid src prop (blob:http://localhost:3000/850a9a8b-591d-42f9-8d9d-8bb3e6c7cd94) on `next/image`, hostname "" is not configured under images in your `next.config.js`
See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
src/pages/_document.js (12:8) @ Object.ctx.renderPage

  10 | try {
  11 |   ctx.renderPage = () =>
> 12 |     originalRenderPage({
     |    ^
  13 |       enhanceApp: (App) => (props) =>
  14 |         sheet.collectStyles(<App {...props} />),
  15 |     });
Call Stack
Function.getInitialProps
src/pages/_document.js (17:33)

我使用图像的组成部分：

{
releasesData.slice（0,5）.map（（release）=>(
{release.music}
{release.artist}
{release.tags}
{release.type}
));
}

my_document.js文件：

从“React”导入React；
从“下一个/文件”导入文件；
从“样式化组件”导入{ServerStyleSheet}；
导出默认类MyDocument扩展文档{
静态异步getInitialProps（ctx）{
const sheet=new ServerStyleSheet（）；
const originalRenderPage=ctx.renderPage；
试一试{
ctx.renderPage=（）=>
原始渲染图({
增强应用程序：（应用程序）=>（道具）=>
sheet.collectStyles（），
});
const initialProps=wait Document.getInitialProps（ctx）；
返回{
…初始道具，
风格：(
{initialProps.style}
{sheet.getStyleElement（）}
),
};
}最后{
表1.seal（）；
}
}
}

您是否尝试过

控制台.log

释放.image值以查看是否获得了预期的输出？并检查此，

https://nextjs.org/docs/messages/next-image-unconfigured-host

，更新配置后是否重新启动Next？此外，您的域不应包括http域：['localhost']