在 react.js 中使用 three.js 创建 WebXR 应用程序时，我不断看到“XRWebGLLayer”未定义 no-undef

Posted 2023-03-23

【中文标题】在 react.js 中使用 three.js 创建 WebXR 应用程序时，我不断看到“XRWebGLLayer”未定义 no-undef

【英文标题】：I keep seeing 'XRWebGLLayer' is not defined no-undef' when using three.js in react.js to create WebXR app

【发布时间】：2021-11-29 17:32:01

【问题描述】：

我正在尝试在 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和https://www.devbridge.com/articles/ar-app-development-tutorial/

我正在使用 0.133 版的 three.js，并使用以下命令将其导入我的 react 应用程序： import * as THREE from 'three';

我对 react 和 three.js 比较陌生。谁能帮我指出正确的方向？我真的很感激！

【参考方案1】：

XRWebGLLayer 在window 对象中可用。

另请参考：https://***.com/a/62264777/4290781

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