WebXR 打字稿支持

Question

我想尝试 webxr 并设置了一个 typescript 项目。根据WebXR

我应该做以下事情：

const supported = await navigator.xr.isSessionSupported('immersive-vr');

使用我的打字稿设置

navigator.xr

显示为错误。

我想知道如何为

webxr

设置打字稿。我的

tsconfig

看起来像这样：

{
    "compilerOptions": {
        "outDir": "./dist/",
        "noImplicitAny": true,
        "module": "esNext",
        "target": "es6",
        "allowJs": true,
        "moduleResolution": "node"
    },
    "exclude": [
        "./node_modules"
    ],
}

Answer 1

您需要为 WebXR 添加定义，例如这些定义。例如运行：

npm install --save-dev @types/webxr

，然后导入类型：

import type { Navigator } from 'webxr';

相关：

• 使用 WebXR 类型
• 定义来源

Answer 2

在命令行中使用

webxr

安装

npm i -D @types/webxr

的输入。

然后使用

import type { XRSystem } from 'webxr';

将 XRSystem 导入到您的 ts 文件中（注意导入中的

type

单词）。

然后用以下方式调用 xr：

const xr = (navigator as any)?.xr as XRSystem;
xr.requestSession('immersive-vr', {optionalFeatures: ['hand-tracking']})

Answer 3

WebXR

框架是结构化的指南和工具，可指导开发人员完成构建应用程序的过程，而库是可用于构建的预先编写的代码的集合。