Javascript Three.js导入搅拌机模型。未捕获类型错误：无法读取属性'；x'；未定义的

我试图将3d模型从Blender导入到Three.js项目中，但仍然出现以下错误：UncaughtTypeError:无法读取未定义的属性“x”。这是造成问题的一段代码：

var loader= new THREE.JSONLoader();
loader.load('http://localhost/js/map.json', function(geometry) {
 mesh= new THREE.Mesh(geometry);
 scene.add(mesh);
});

在这里，您可以找到提供给我的3d模型的json：

---

如果您能帮助您了解哪些不起作用，我们将不胜感激。

您正在尝试创建一个无材质的

Mesh（）

。您应该将材质作为其构造函数的第二个参数进行传递，如下所示：

var loader= new THREE.JSONLoader();
loader.load('http://localhost/js/map.json', function(geometry) {
    var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
    var mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);
});

---

您可以阅读有关创建一个应用程序的信息。正如Mugen87所说，建议您使用

.gltf

导出器而不是

JSON

，因为JSON已被弃用。

请不要再使用JSON Blender导出器。它在几个版本之前就被删除了。将模型导出为

glTF

，并使用

GLTFLoader

进行加载。有关更多信息，请阅读以下指南：