1.1 KiB
1.1 KiB
Images cannot be imported into your custom document.
Why This Error Occurred
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.
Possible Ways to Fix It
If your image needs to be displayed on every page you can relocate it to your pages/_app.js file.
Example
//pages/_app.js
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