将三个 OrbitControls 与 ES6 模块导入一起使用

Question

当我尝试从 ThreeJS 示例导入 OrbitControls 时，出现以下错误：Attempted import error: 'OrbitControls' is not exported from 'three' (imported as 'THREE').

这是一个例子： https://codesandbox.io/s/lyz5y4kq0z

Answer 1

已弃用，请检查

---

我终于用一个简单的解决方案解决了我的问题：我删除了 ThreeJS 提供的代码示例，并用一个修复程序替换它。

我在这里发布了更正（带有一些文档）：https://gist.github.com/bastienrobert/f381d642da9abaaaf271866db9da59a7

有什么建议欢迎留言！

Answer 2

我认为您正在尝试从 THRRE 实例访问 OrbitControls，如下所示

const controls = new THREE.OrbitControls();

但是您应该尝试通过以下方式访问 Orbitcontrols

const controls = new OrbitControls();

如果您尝试从三启动它，您将无法消除此错误。谢谢

Answer 3

现在有一个使用标准“三”npm 包的非常简单的解决方案，只需：

import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'