Site name: admiring-banach-8437ab
Hello,
I having a problem after a successful deploy where my local images are not loading.
Here is my code:
import logo2 from '../../../assets/images/logo2.png';
import styles from './header.module.scss';
type IProps = {
progressBar?: boolean;
};
const Header: React.FC<IProps> = ({ progressBar = false }) => {
const { width } = useViewport();
.....
<Image src={logo2} alt="Resonance" width={50} height={50} />
....
Image
- is a built in Next.js Image component.
Here is the error I am getting:
Just to reiterate that it is working on my local device while testing, and even weirder – it was working before my last deploy. And since that deploy I made no changes to the component that uses this image. Does this have something to do with how im importing? Or Netlify isn’t adding them as part of the build?