Next.js Image keeps showing unconfigured error message

Question

hostname "www.gravatar.com" is not configured under images in your `next.config.js

My config:

const config = {
  reactStrictMode: true,
  images: {
    domains: ["gravatar.com"],
    disableStaticImages: true,
  },
}

module.exports = config;

I have restarted the serve after making the change to config. Completely at a loss at this point, only local images seem to work.

What's your next.js version? – Youssouf Oumar Jan 20 '23 at 14:18 — Youssouf Oumar, Jan 20 '23 at 14:18

score 0 · Accepted Answer · answered Jan 20 '23 at 14:49

0

I can see two things:

You've got images within images in your config
You're missing www. in the gravatar.com domain (might not be the case, but just in case)

answered Jan 20 '23 at 14:49

Lazar Nikolov

Copied it over wrong, updated original post. Still same issue. And I'm fairly certain you aren't supposed to include `www` – Nicole Staline Jan 20 '23 at 16:47
Weirdly enough adding www in *did* fix the issue despite the documentation here saying otherwise: https://nextjs.org/docs/messages/next-image-unconfigured-host – Nicole Staline Jan 20 '23 at 17:24
Glad you solved it @NicoleStaline! – Lazar Nikolov Jan 20 '23 at 19:48

score 0 · Answer 2 · answered Jan 20 '23 at 14:56

0

need to do:

images: {
    domains: [YOUR_DOMAINS],
    disableStaticImages: true,
}

and in your config you placed images under images :

images: {
    images: {
      domains: ["gravatar.com"],
    },
    disableStaticImages: true,
  }

answered Jan 20 '23 at 14:56

Manish Jha

Looks like I copied over the block wrong, there is actually only one `images`. Updated main post to reflect. Still same issue. – Nicole Staline Jan 20 '23 at 16:47

2 Answers2