我之前在这里问过这个问题：未捕获的类型错误：THREE.MTLLoader 不是构造函数 https://stackoverflow.com/questions/46989337/uncaught-typeerror-three-mtlloader-is-not-a-constructor

我通过更改 Three-mtl-loader 文件来使其工作。但由于我稍后要将我的工作上传到 github，所以我必须在不更改这些文件的情况下创建一个解决方案。

因此，我尝试使用经典示例中使用的加载器加载 obj 和 mtl 文件：https://github.com/mrdoob/ Three.js/blob/master/examples/webgl_loader_obj_mtl.html https://github.com/mrdoob/three.js/blob/master/examples/webgl_loader_obj_mtl.html

但我仍然收到错误“未捕获的类型错误：THREE.MTLLoader 不是构造函数”

我有点不确定如何在这些加载器中加载，但现在我的代码如下所示：

import * as THREE from 'three'
import {OBJLoader} from 'three'
import {MTLLoader} from 'three'


var mtlLoader = new THREE.MTLLoader();
mtlLoader.load("http://blabla.obj.mtl", function(materials) {
   materials.preload();
   var objLoader = new THREE.OBJLoader();
   objLoader.setMaterials(materials);
   objLoader.load("http://blabla.obj", function(object) {

       object.scale.x = scale;
       object.scale.y = scale;
       object.scale.z = scale;

       scene.add(object)

  });
});

在 src 文件夹中的 Three.js 文件中，我插入了：

export { OBJLoader } from './loaders/OBJLoader.js'
export { MTLLoader} from './loaders/MTLLoader.js'

EDIT

我使用 NPM 安装，错误消失了。不幸的是，出现了其他问题 - 但我在另一个问题中问过这些问题：三-mtl-loader 错误：THREE.MeshPhongMaterial：.shading 已被删除 -> 对象不可见 https://stackoverflow.com/questions/47753533/three-mtl-loader-error-three-meshphongmaterial-shading-has-been-removed-ob

Three.js 文档具有误导性。尽管MTLLoader 在主要文档中 https://threejs.org/docs/#examples/loaders/MTLLoader，它实际上不是 Three.js 核心库的一部分。它包含在examples/Three.js 文件夹。

如果您使用 ES6 模块语法，您有两个选择。

选项 1：NPM

通常人们会将这样的东西发布到 NPM，因为 Threejs 的创建者不使用现代 JS 开发实践。在这种情况下，有一个三个 mtl-loader npm 包 https://www.npmjs.com/package/three-mtl-loader包裹。

npm install --save three-mtl-loader

and then

import MTLLoader from 'three-mtl-loader';

选项 2：从 Three 的源复制 MTLLoader。

您可以复制MTLLoader.js https://github.com/mrdoob/three.js/blob/master/examples/js/loaders/MTLLoader.js文件到您的项目中，但如果您使用现代 ES6 模块，将第三方库复制到本地项目中并不是一个好习惯。