Nextjs 图像组件不适用于图像源的外部 URL

Question

我曾尝试将 Next.js 中的图像组件与外部 URL 用作源，但出现错误。我还更新了 next.config.js 文件，就像 Next.js 官方文档一样，但仍然存在同样的错误。

错误信息如下：

这里是图片组件

<Image
src="https://images.unsplash.com/photo-1638913662180-afc4334cf422?ixlib=rb-1.2.1&ixid=MnwxMjA3fDF8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
alt="Coin"
width={500}
height={450}
/>

这是 next.config.js 文件：

module.exports = {
  images: {
    domains: ['images.unsplash.com']
  },
}

请帮我解决这个问题。

Answer 1

每次更改配置文件时重新启动 nextjs 服务器，next.config.js。

Nextjs 图像组件不适用于图像源的外部 URL

Nextjs Image component does not work with external URL of image source

javascript

reactjs

next.js

nextjs-image