Error Loading Images on deployed Site: "Runtime.ImportModuleError: Error: Cannot find module './utils'"

Site name: admiring-banach-8437ab


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:
Screen Shot 2022-06-22 at 11.36.03 PM

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?

The console error:

The Element:

NextJS file strucutre:

Hey @resonance.developer1

There a post about this issue already.