Lesson 11 "yarn next export" cmd failing

[Ed-Marcavage]

Once I run...

yarn next export

I get this error...

yarn run v1.22.15
$ /Users/edmarcavage/Documents/ethers-fullstake/nextjs-smartcontract-lottery-fcc/node_modules/.bin/next export
warn  - SWC minify release candidate enabled. https://nextjs.org/docs/messages/swc-minify-enabled
info  - using build directory: /Users/edmarcavage/Documents/ethers-fullstake/nextjs-smartcontract-lottery-fcc/.next
info  - Copying "static build" directory
info  - No "exportPathMap" found in "/Users/edmarcavage/Documents/ethers-fullstake/nextjs-smartcontract-lottery-fcc/next.config.js". Generating map from "./pages"
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`.
  Read more: https://nextjs.org/docs/messages/export-image-api
    at /Users/edmarcavage/Documents/ethers-fullstake/nextjs-smartcontract-lottery-fcc/node_modules/next/dist/export/index.js:156:23
    at async Span.traceAsyncFn (/Users/edmarcavage/Documents/ethers-fullstake/nextjs-smartcontract-lottery-fcc/node_modules/next/dist/trace/trace.js:79:20)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[Ed-Marcavage]

It still creates an "out" folder, however, When I upload that out folder up to IPFS the IPFS link then shows this...

[zeroxvee]

Delete this line in index.js in pages folder

[Ed-Marcavage]

That worked, thank you so much!! You saved me hours lol

[zeroxvee]

My pleasure

[stshelton]

for me I had to remove that import and add this to the next.config.js
https://stackoverflow.com/questions/65487914/error-image-optimization-using-next-js-default-loader-is-not-compatible-with-n
module.exports = { experimental: { images: { unoptimized: true } } }

[RobiulAwalSabbib]

for me it is
module.exports = { images: { unoptimized: true, }, };
i do not need to remove import Image from "next/image";

[chiesa]

for me it is module.exports = { images: { unoptimized: true, }, }; i do not need to remove import Image from "next/image";

This solution works also for me!

[cryptokumaru]

I tried all the options but the issue persisted... so I tried rebuild again and export and the solution prescribed above worked.

next.config.js:

/** @type {import('next').NextConfig} */
const nextConfig = {
    reactStrictMode: true,
}

module.exports = nextConfig
module.exports = { images: { unoptimized: true } }

rebuild & export:

yarn next build
yarn next export