The GLB file is OK, the URL is OK, so why can't I load the GLB? The same code runs on another computer.
console.log("path to GLB is:", url);//looks good.. click to download glb
try {
let glb = useGLTF(url);
// @ts-ignore
console.log("Loaded GLB:", glb.scene);
} catch(error){
console.log("Nope I won't load it hihi!", error);
}
Here the full code in the loop:
console.log(data);
data = JSON.parse(data);
data.forEach((p: any) => {
console.log("path to GLB is:",p.meta_data[0].value);
try {
let glb = useGLTF(p.meta_data[0].value);
// @ts-ignore
console.log("Loaded GLB:", glb.scene);
// @ts-ignore
let obj = glb.scene.clone();
let box = new Box3().setFromObject(obj);
let size = new Vector3();
box.getSize(size);
var scaleVec = new Vector3(1, 1, 1).divide(size);
let scale = Math.min(scaleVec.x, Math.min(scaleVec.y, scaleVec.z));
obj.scale.setScalar(scale * 1);
let model = { scene: obj, name: p.name};
console.log("MODEL", model);
setMappedModels((mappedModels: any) => [
...mappedModels,
model,
]);
} catch (error) {
console.log("Error on GLB Load:", error);
}
});