为OBJ文件添加纹理时出现报错，附相关代码求助

先帮你梳理下代码里的几个关键问题，这些大概率就是导致报错的根源：

1. OBJLoader的材质设置时机完全错误 #

你在OBJ加载完成后的回调里才调用loader.setMaterials(mat)，这时候OBJ已经加载解析完毕，设置材质根本不会生效！setMaterials必须在调用loader.load()之前执行，这样OBJLoader加载模型时才能正确关联MTL里的材质配置。

2. 材质赋值逻辑混乱且存在未定义变量 #

你在traverse遍历里先把child.material设为gemBackMaterial，紧接着又改成material——这里的material变量完全没定义啊！而且这种直接覆盖材质的操作，等于白加载了MTL文件，完全浪费了它的配置。

3. 文件路径可能存在匹配问题 #

你给MTLLoader设置了setPath('models/cool')，但OBJLoader加载的路径是'models/cool.obj'。如果OBJ文件实际和MTL在同一个models/cool/目录下，那OBJ的路径应该写成'cool.obj'，或者给OBJLoader也设置相同的setPath，否则会出现文件找不到的报错。

4. 代码不完整导致语法错误 #

你的代码最后seco...明显没写完，大概率存在未闭合的括号、变量未定义等语法问题，这也会直接触发报错。

修正后的完整代码示例 #

// 先加载MTL材质文件
new THREE.MTLLoader()
  .setPath('models/cool/') // 路径末尾加斜杠，避免拼接时出错
  .load('CobbleStones.mtl', function (mat) {
    mat.preload(); // 预加载材质及关联的纹理
    
    // 初始化OBJLoader，**必须先绑定材质再加载OBJ**
    const objLoader = new THREE.OBJLoader(loadingManager);
    objLoader.setMaterials(mat); // 关键步骤：加载前绑定MTL材质
    objLoader.setPath('models/cool/'); // 给OBJLoader同步设置路径
    
    objLoader.load('cool.obj', function (object) {
      // 遍历模型，按需调整材质（如果需要自定义的话）
      object.traverse(function (child) {
        if (child instanceof THREE.Mesh) {
          // 如果想保留MTL材质，就不要随意覆盖；如果要替换自定义材质：
          // child.material = gemBackMaterial; // 确保gemBackMaterial已提前定义好
        }
      });
      
      // 补全克隆模型的逻辑
      const second = object.clone();
      // 这里添加克隆后的模型处理，比如设置位置、添加到场景
      // second.position.set(2, 0, 0);
      // scene.add(second);
      
      // 将原模型添加到场景
      scene.add(object);
    }, function (xhr) {
      // 加载进度回调（可选）
      console.log((xhr.loaded / xhr.total * 100) + '% loaded');
    }, function (error) {
      // 错误回调，方便查看具体加载问题
      console.error('OBJ加载出错:', error);
    });
  }, function (xhr) {
    console.log((xhr.loaded / xhr.total * 100) + '% loaded');
  }, function (error) {
    console.error('MTL加载出错:', error);
  });

额外排查建议 #

• 打开浏览器控制台（F12）查看具体报错信息，比如404文件找不到、变量未定义等，这是最快定位问题的方式。
• 检查MTL文件里的纹理路径是否正确，比如MTL里写的map_Kd textures/cobble.jpg，那纹理文件必须放在models/cool/textures/目录下。
• 确保loadingManager已正确初始化，如果不需要自定义加载逻辑，可以直接不传这个参数。

内容的提问来源于stack exchange，提问作者Boby