`next/export` will not work with `Image` when using `unoptimized`

What version of Next.js are you using?

11.0.1

What version of Node.js are you using?

14.15.5

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

next export

Describe the Bug

When running next export using the Image from next/image, I set the unoptimized prop on Image, but still get the following error meaning I cannot export my app.

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`.

Also, using normal JSX img gives error saying next/image must be used instead.

Expected Behavior

next export using next/image will work when <Image unoptimized ... /> prop is added.

To Reproduce

Use Image with unoptimized set (to true) from next/image and run next build && next export

[leerob]

Closing as this has been resolved with 11.1 as mentioned above (no longer on canary channel, but stable) 👍

[Cesarioo]

Hi, it seems this issue is still ongoing for me and I have the latest version.

Error:Image Optimization using Next.js' default loader is not compatible withnext export. Possible solutions: - Use next startto run a server, which includes the Image Optimization API. - Use any provider which supports Image Optimization (like Vercel). - Configure a third-party loader innext.config.js. - Use the loaderprop fornext/image`.

How can I solve this issue ?