在 Node 中使用 JSONLoader 时未定义 XMLHttpRequest

Question

我正在用 Three.js 编写游戏，作为多人游戏，我需要在服务器端验证客户端位置以防止作弊。我目前正在尝试在服务器上加载模型，例如：

var THREE = require("three");
var loader = new THREE.JSONLoader();
loader.load( './models/tree.json', function ( geometry, materials ) {
    var mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );
    res.send(mesh);
});

但是，服务器死掉并吐出

var request = new XMLHttpRequest();
ReferenceError: XMLHttpRequest is not defined
    at FileLoader.load

此请求来自node_modules\three\build\three.js:29258，其中发出XMLHttpRequest。

为什么会这样？是我做错了什么，还是 Three.js 的这一部分被 Node 破坏了？

Answer 1

Three.js 使用XMLHttpRequest 来加载文件，例如您的 JSON 文件。 XMLHttpRequest 是在浏览器环境中内置的，但它不是在 Node 环境中内置的，所以它没有定义，因此出现错误。你必须通过 NPM 安装 xmlhttprequest 包才能在 Node.js 中使用它。

由于 Three.js 不需要 xmlhttprequest 模块，您将不得不设置一个全局变量，以便 new XMLHttpRequest 可以工作：

global.XMLHttpRequest = require("xmlhttprequest");