I have a problem with Downloading GLB file with GLTFLoader in React. It shows this error SyntaxError: Unexpected token < in JSON at position 0 at Object.parse () at GLTFLoader.parse (GLTFLoader.js:100) at Object.onLoad (GLTFLoader.js:52) at XMLHttpRequest. (three.module.js:23674) This is my …

Could you post your loading code here, as well as how you include the GLTFLoader ?

[image.png] This is working example… And when I want to add path of my glb file it shows error “Unexpected token < in JSON at position 0”. Maybe its bad 3DModel file? [image.png]

Your loading code looks correct. Have you checked if the file works in online gltf model viewers, for example https://gltf-viewer.donmccurdy.com/ ? That’s a good way to test whether the problem lies within your code or your model :slight_smile:

[image] DolphinIQ: https://gltf-viewer.donmccurdy.com/ Hei, this is cool. I put my gltf file there, and it shows the scene. But same issue, it shows “Unexpected token < in JSON at position 0” when put it to the project. [Screenshot 2020-01-10 at 14.11.16]

[image] ashleynguci: Unexpected token < in JSON at position 0 This error usually indicates that your web server does not serve a glTF asset but a HTML file. Make sure you inspect the HTTP response of your request and ensure valid glTF content.

I think the problem was because my file needed to be in the public folder :smiley: Can you help me with setting up position of my model? In attached photo you can see that legs are in center position , and I want the whole model to be vertically centered… ! thank you [Screenshot_1]

It’s normally best if you author the model’s center in a DCC tool like Blender. If you have to do this in code, you can compute the AABB of the model and then use it to center it. Meaning: const object = gltf.scene; const aabb = new THREE.Box3().setFromObject( object ); const center = aabb.getCente…

Generally in bundling environments the glb either has to be in the public folder, in which case the url should be /file.glb, or it can reside anywhere inside /src, but then you will have to import it so that the bundler includes it: import fileUrl from “./file.glb” The import will yield a dynamic, h…

is it possible can i use glb model using the glTF loader?

Unable to Download GLB file with GLTFLoader

Questions

donmccurdy August 12, 2020, 10:10pm 26

If you are using THREE.GLTFLoader on a server in node.js, you may want to read through Using GLTFLoader on node. It isn’t as easy, three.js is meant to be used in a browser.

Topic		Replies	Views
Unexpected token ':' (at scene.gltf?import:2:14) Questions gltf-loader	6	993	July 16, 2023
SyntaxError: Unexpected token < in JSON at position 0 Questions gltf-loader , gltf	14	11218	December 31, 2023
My gltf model is not showing up Questions gltf-loader	4	2761	May 11, 2021
Importing GLB/GLTF model causes JSON Parse Error Questions gltf-loader	13	7298	February 4, 2025
Problem loading xbot.glb from examples locally Questions getting-started	1	1110	September 6, 2021

Unable to Download GLB file with GLTFLoader

Related topics