React Three Fiber doesn't work on localhost?

[hkhoa-ng]

Prefer to this Stack Overflow question.
I'm working on a project on codesandbox, it works fine there. But then when I tried to export it to my local machine and run npm install then npm start, it doesn't work anymore. Any suggestion? You can view my code from the original question.

[drcmda]

i dont think it is a memory issue unless your model is obscenely big. a glb on the web should be between a few fb and 1-3mb tops. other than that i would look into console.log, check networking tab if you get loading errors (404s) etc. there has got to be a reason.

[hkhoa-ng]

The network seems fine. But in the console, it shows this error: Uncaught Could not load /<my model>.gltf: Unexpected token < in JSON at position 0 with 1 info being THREE.WebGLRenderer: Context Lost.

[drcmda]

wrong path, the url fetch cannot resolve the file. in all bundlers and environments static assets are in /public, they can't be in /src because that is not a folder, it is virtual. the correct url to load an asset that is within /public is "/file.ext".

[hkhoa-ng]

I used the gltfjsx tool, which loads my model using useGLTF("/coffee.gltf"). I also placed the file in the /public folder. That's what confused me, because this seems to work on codesandbox, but not locally. This is the codesandbox example I exported using the tool. It does work on codesandbox but again, when I move those files into my project, they don't work.
This is my local file setup.

[drcmda]

codesandbox also has a download button, you get the fully working project based on parcel. something in your local project must not be right for it to not show. but impossible to guess what it is.

[hkhoa-ng]

I changed the model to .glb format on codesandbox and it still works.

I then tried exporting the working project on codesandbox to my machine, and did npm install and npm start. Still doesn't work on my localhost. Again, got those errors Uncaught Could not load /coffee-baked.glb: Unexpected token < in JSON at position 0 and THREE.WebGLRenderer: Context Lost.