我无法获得在TypeScript中使用上述组合的this示例。

我的html <script src="lib/three.min.js"></script>中有<script src="lib/OrbitControls.js"></script><head>,而<body>中有 typescript 文件:

/// <reference path="lib\three.d.ts" />
...
this.controls = new THREE.OrbitControls(this.camera); //there's the error
this.controls.addEventListener('change', this.render);
...


this.controls.update();

在定期调用的render()函数中。就我所知,设置与示例相同,但是在编译OrbitControls构造函数行时给了我一个巨大的错误(略):
The property 'OrbitControls' does not exist on value of type '{REVISION:string;
CullFace: {[x: number ...

我猜该错误中有整个Threejs,因为我单击它时Visual Studio崩溃了:)。谢谢你的帮助。

最佳答案

花了几个小时解决这个问题后,我最终创建了一个新程序包:three-orbitcontrols-ts

import * as THREE from 'three';
import { OrbitControls } from 'three-orbitcontrols-ts';

const controls = new OrbitControls(camera, renderer.domElement);

09-25 15:48