Javascript 纹理Alpha背景在Three.js中未正确显示

我正试图添加到我的three.js渲染中，一些花卉从Blender导出为GLtf，带有alpha纹理。但是，该对象是以一种奇怪的方式导入的，并且它不像某些GLtf在线预览器中那样： vs

这是代码，我应该添加什么来修复它

let loadingUrl = `assets/images/blender/Flower Bush.glb`;
/** Loading the resorce with GLTF Loader */
loader.load(
  loadingUrl,
  (gltf) => {
    gltf.scene.position.x = this.maxXPointFromArray / 2;
    gltf.scene.position.z = this.minYPointFromArray / 2;
    //gltf.scene.position.y = -0.3;
    gltf.scene.rotateY(-THREE.Math.degToRad(0));
    gltf.scene.scale.set(1, 1, 1);
    gltf.scene.traverse((obj) => {
      obj.castShadow = true;
      obj.receiveShadow = true;
      if (obj instanceof THREE.Mesh && obj.material.name == "Furban") {
        obj.material.polygonOffsetFactor = -4;
        obj.material.polygonOffset = true;

      }
    });
    this.scene.add(gltf.scene);


    gltf.animations; // Array<THREE.AnimationClip>
    gltf.scene; // THREE.Scene
    gltf.scenes; // Array<THREE.Scene>
    gltf.cameras; // Array<THREE.Camera>
    gltf.asset; // Object
  },
  /** Progress for model loading */
  (xhr) => {
    console.log((xhr.loaded / xhr.total * 100) + '% loaded');
  },
  /** Error on model loading */
  (error) => {
    console.log('An error happened', error);
  }
);

let loadingUrl=`assets/images/blender/Flower Bush.glb`；
/**使用GLTF加载程序加载资源*/
装载机(
装载机，
（gltf）=>{
gltf.scene.position.x=this.maxXPointFromArray/2；
gltf.scene.position.z=this.minYPointFromArray/2；
//gltf.scene.position.y=-0.3；
gltf.scene.rotateY（-3.Math.degToRad（0））；
gltf.scene.scale.set（1,1,1）；
gltf.scene.transverse（（obj）=>{
obj.castShadow=true；
obj.receiveShadow=true；
if（obj instanceof THREE.Mesh&&obj.material.name==“Furban”）{
obj.material.polygonOffsetFactor=-4；
obj.material.polygonOffset=真；
}
});
this.scene.add（gltf.scene）；
gltf.animations；//数组
gltf.scene；//3.scene
gltf.scenes；//数组
gltf.cameras；//数组
gltf.asset；//对象
},
/**模型加载研究进展*/
（xhr）=>{
log（（xhr.loaded/xhr.total*100）+'%loaded'）；
},
/**模型加载错误*/
（错误）=>{
log（'发生错误'，错误）；
}
);

尝试从以下内容开始：

obj.material.alphaTest=0.5

。不需要配置多边形偏移。