Vercel website don't show the loaded model from Vite public folder

[iHast]

The problem begins when I deploy the website. The website go live but when I get on the scene of the model I receive:

SyntaxError: Unexpected token ‘v’, “version ht”… is not valid JSON
at JSON.parse ()
at sM.parse (index-DLKXDEuM.js:3841:113086)
at Object.onLoad (index-DLKXDEuM.js:3841:112230)
at index-DLKXDEuM.js:3841:87116

I made the config:

import { defineConfig } from 'vite';

export default defineConfig({
  assetsInclude: ["**/*.glb"],
});

I have some projects on vercel using vite, but It’s the first time I created my own model.

Can you help me figure out what I made wrong?

[Omar_Shehata]

if you look at the network tab, does it show that the request to the glb model succeeds? if not, what does it return?

I think you can also test this locally by running vite build and then locally hosting/inspecting the build file? to see if the glb file is correctly copied?

basically, the core issue is that you want the glb files to be hosted statically, so you need to be able to open a URL in your web app that has the glb file and for it to load/download

see also same issue here (although it looks like you already have the assetsInclude part set, so not sure why it’s not working. If you’re able to post your project on github or share a link to it or something I can take a deeper look

Threejs / Vite / Blender GLB File - Not Loading

Change imports import vertexShader from './shaders/vertexShader.vert'; import fragmentShader from './shaders/fragmentShader.frag'; import glbFileUrl from './models/pow-mylar-grape-escape.glb'; import { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js'; also rename the shader to use the appropriate extension, otherwise the plugin doesn’t compile it correctly. Copy over Draco Decoder files to /public/draco from /node_modules/three/examples/jsm/libs/draco Replace the loading code: const…

[iHast]

Thank you for answering, @Omar_Shehata!
As you suggested, I made some analysis on network tab and the scene was fetched:

I made tests with gltf and glb and received the same result.

I uploaded the project on github:

GitHub - CarlosHenriqueMkt/office-room: Simple and Clean

and I deployed on Vercel:
https://nacffo-office-room.vercel.app/

[iHast]

Oh god, now I think I know why:

Problems loading GLTF on github pages

If you’re using Git LFS then you won’t be able to serve a model to github pages. That file content is the hash that LFS uses to download the file on git pull.

[Omar_Shehata]

yes you can see that in your network tab! You can’t actually download the gltf file from the served website and put it in blender (you can open it as a text file and see that it does not contain the contents)

[Omar_Shehata]

an easier way to see it is directly on github, you can see it is stored with git lfs: