Invalid src prop (https://images...)on `next/image`, hostname “images.unsplash.com“ is not configure

解决方法：

① for remote image

 I updated my next.config.js to the following:

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

module.exports = {
  reactStrictMode: true,
  experimental: {
    serverActions: true,
  },

  images: {
    domains: ["images.ctfassets.net"],// this code is added ,and fixed this error
    remotePatterns: [
      {
        protocol: 'https',
        hostname: 'avatars.githubusercontent.com',
        port: '',
        pathname: '**',
      },
    ],
  },
};

 

②for local image

import img from './assets/image.jpeg';