next.js - npm run build 给出错误：图像优化

Question

我是 Next.js 的新手，我构建了一个简单的登录页面，并希望使用我在 package.json 中设置为"build": "next build && next export". 但我得到这个错误：

Error: Image Optimization using Next.js' default loader is not compatible with `next export`.
  Possible solutions:
    - Use `next start` to run a server, which includes the Image Optimization API.
    - Use any provider which supports Image Optimization (like Vercel).
    - Configure a third-party loader in `next.config.js`.
    - Use the `loader` prop for `next/image`.

有人可以帮助我吗，我阅读了文档并在根目录中创建了 next.config.js 并粘贴了以下内容：

module.exports = {
  images: {
    loader: 'imgix',
    path: '/images/',
  },
}

我认为我需要一个路径，但问题是我没有使用托管图像，我在公共文件夹中有一个图像文件夹。

我知道这可能是一个愚蠢的问题，但我被困住了。

Answer 1

我将它们托管在https://imgbb.com并在 next.config.js 中编写

module.exports = { 
    images: { 
        domains: ['i.ibb.co'],
    },
} 

它奏效了。

用法：

<Image src="https://i.ibb.co/TMBV2KP/Akwagroup.jpg" 
       alt="ESMASA TRAVAUX"
       width={1050}
       height={500}
/>