Vercel fails to build Game-hub w/error RollupError: Could not resolve "../assets/bulls-Eye.webp" from "src/components/Emoji.tsx"

React
1

My code fully working on my local machine and is unchanged from what Mosh teaches.

When Vercel builds the code I get the error:
Could not resolve “…/assets/bulls-Eye.webp” from “src/components/Emoji.tsx”
18:15:39.578 file: /vercel/path0/src/components/Emoji.tsx
18:15:39.581 error during build:
18:15:39.581 RollupError: Could not resolve “…/assets/bulls-Eye.webp” from “src/components/Emoji.tsx”
18:15:39.581 at error (file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:2128:30)
18:15:39.581 at ModuleLoader.handleInvalidResolvedId (file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:23782:24)
18:15:39.581 at file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:23744:26

What needs to be done to resolve this error?

2

Just confirming that by fully working locally, you’re meaning running “npm run build” results in no issues besides the over 500kB warning?

3

That is correct. When I build it locally to run, I am getting the 500kb warning but no errors.

4

Double check file name and import statement.

Yours is trying to import bulls-Eye.webp . Mine is bulls-eye.webp
I changed mine to test and it builds fine locally but then fails (as it should) on vercel deployment.

I would expect TS to put a red line under it or at least tell me when I build local but it doesn’t.

Maybe a difference in OS, or vite or TS versions.