将THREEJS OrbitControls与ES6模块导入配合使用

Question

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

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

Answer 1

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

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

Answer 2

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

我已在此处（和一些文档）中发布了更正内容：https://gist.github.com/bastienrobert/f381d642da9abaaaf271866db9da59a7

如有任何建议，请随时发表评论！

Answer 3

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

const controls = new THREE.OrbitControls();

但是您应该尝试按照以下方式访问Orbitcontrols

const controls = new OrbitControls();

如果尝试从三个位置启动该错误，则无法摆脱。谢谢