在 react.js 中使用 three.js 创建 WebXR 应用程序时，我一直看到 'XRWebGLLayer' is not defined no-undef'

Question

我正在尝试在 React 中使用 Three.js 使用 WebXR，但我一直看到这个错误：

'XRWebGLLayer' 未定义 no-undef

对于baseLayer: new XRWebGLLayer(session, gl)

我在 vanilla.js 中尝试了同样的代码，完全没有错误，但是当我用 react.js 尝试它时，它没有编译。

我指的教程是：https://developers.google.com/ar/develop/webxr/hello-webxr and https://www.devbridge.com/articles/ar-app-development-tutorial/

我使用的是 three.js 的 0.133 版本，我使用以下方法将其导入到我的 React 应用程序中： import * as THREE from 'three';

我对反应还比较陌生 three.js。谁能帮我指出正确的方向？非常感谢！！

Answer 1

XRWebGLLayer 在 window 对象中可用。

另请参阅：

const { XRWebGLLayer } = window;
const baselayer = new XRWebGLLayer(session, gl);