An attempt to import an image file into pages/_document.js was made.

Custom documents aren't compiled for the browser and images statically imported like this will not be displayed.

If your image needs to be displayed on every page you can relocate it to your pages/_app.js file.

import yourImage from 'path/to/your/image'
import Image from 'next/image'

function MyApp({ Component, pageProps }) {
  return (
    <>
      <Image src={yourImage} alt="your_image_description" />
      <Component {...pageProps} />
    </>
  )
}

export default MyApp

If your application is not using image imports with next/image, you can disable the built-in loader with the following next.config.js:

module.exports = {
  images: {
    disableStaticImages: true,
  },
}

• Custom Document
• Custom App
• Static File Serving
• Disable Static Image Imports