有没有一种方法在使用 Threebox 时只有一个 3 的实例

Question

我将 Threebox 与 Mapbox 一起使用，我像这样定义 Threebox：

(window as any).tb = new Threebox(this, gl, { defaultLights: true });

但我也像这样导入三个：

import * as THREE from 'three';

这样我就可以将它用于光线投射之类的事情。

我在我的应用程序中收到此警告：

“警告：正在导入 Three.js 的多个实例。”

我想知道是否有一种方法可以让三盒使用三的相同实例，或者能够以某种方式使用三的三盒实例，而无需再次导入三。

Answer 1

Threebox

的主文件导出

THREE

。 （来源）

看起来您正在使用 es 导入（并让捆绑程序处理 CommonJS 导出），因此无论您在哪里导入

Threebox

，您都应该能够使用

THREE

执行相同的操作。

import { THREE, Threebox } from 'threebox'