GLTFLoader: Couldn't load texture textures/body_normal.jpeg

Questions
,
1

In my app,i have import GLTFLoader and load my .gltf file.The model appears normal but the image is error;

微信截图_20230418164756
微信截图_20230418164756898×573 30.1 KB

The framework I’m using is Vue and I’m sure my gltf path is correct,because i can open it in google network.Vue startup app is a server built locally.I want to ask what is the problem and how to solve it.
It’s my code.
微信图片_20230418165510
微信截图_20230418170203
微信截图_20230418170203898×573 34 KB

2

I suggest you first fix the following warning: Unknown extension “KHR_materials_pbrSpecularGlossiness”.

Please read the following post to understand the solution:

2 Likes
3

thx,I followed your advice and changed the material,now there is no error.
Can I ask another question: My picture is not displayed when it is imported. My image path is correct.

1681870022080
1681870022080898×539 26.6 KB

4

I solved the problem, I replaced the material

      loader.load('assets/scene2.gltf', function (obj) {
        obj.scene.traverse((child) => {
          if (child.isMesh&&child.material.map&&child.material.map.normalMap) {
            const texture = new THREE.TextureLoader().load('assets/' + child.material.map.normalMap);
            const material = new THREE.MeshBasicMaterial({ map: texture });
            child.material = material
          }
        })
        that.scene.add(obj.scene || obj.scenes[0])
        that.animate()
      }, function (e) {
        console.log(e)
      }, function (e) {
        console.log(e)
      })
5

Works like a charm. Thanks!