javascript - 在 Three.js 中，当我尝试实例化 OrbitControls 时，出现未捕获的类型错误 : THREE. OrbitControls 不是构造函数

Question

当我去创建一个 OrbitControls 的实例时，我最终得到了

未捕获的类型错误:THREE.OrbitControls 不是构造函数。

我的代码非常简单，但我显然遗漏了一些东西。

 var orbitalControl = new THREE.OrbitControls(camera, renderer.domElement);

我使用的 Three.js 版本是示例下载目录中直接来自 threejs.org 的版本。对我可能遗漏的内容有什么想法吗？

感谢您的帮助。

Answer 1

THREE.OrbitControls修改现有的三个全局对象。因此，在执行 OrbitControls 脚本时，应该加载三个.js 库。

如果您在原始 HTML 中添加脚本，请确保 OrbitControls.js 低于 three.js。

如果您使用某种 bundler ，请确保设置了全局变量 THREE。如果您只有三个作为局部变量，请尝试 window.THREE = THREE || {}; 在需要 OrbitControls 之前(虽然它看起来很乱)。