当我在 Threejs 中导入 .glb 文件时,它在表面上显示黑色物体。
Setup = (scene, camera, renderer) =>{
this.scene = scene
const objLoader = new GLTFLoader();
objLoader.load('chair.glb', (gltf) => {
let root = gltf.scene;
root.background = new THREE.Color('red')
console.log(root)
root.traverse( child => {
if (child.isMesh) {
child.castShadow = true;
child.receiveShadow = true;
}
});
root.rotation.y = Math.PI;
root.scale.set(2, 2, 2)
scene.add(root);
});
this.camera = camera
this.renderer = renderer
}
Run Code Online (Sandbox Code Playgroud)
正如您在这里所看到的,我的对象变黑并且没有任何渲染。您还可以检查控制台日志,其中有对象详细信息。

我还附上了一个文件,您可以在其中找到我的代码。
你可以看到我的整个项目代码
import React, { Component } from 'react'
import * as THREE from "three";
import ReactDOM …Run Code Online (Sandbox Code Playgroud)