TypeScript中的NDEFReader

Question

我正在尝试使用NDEFReader()在React中进行NFC扫描/写入。此功能可在Chrome 81上使用（您可以在下面的链接中通过Chrome beta版在移动设备上尝试使用此功能）。

GoogleChromeNfcSample，WhatWebCanDoTodayNfc

要启用此功能，您需要进入chrome://flags/并启用实验Web平台功能。

问题是我无法在React中完成这项工作。我将create-react-app与TypeScript和控制台输出一起使用：

找不到名称'NDEFReader'

我认为这会导致webpack检查。我已经尝试过更改tsconfig.json中的某些设置，但没有任何效果。有谁知道如何启用实验性js / ts编译来启用此功能？

Answer 1

这与Webpack检查或您的tsconfig或“实验性JavaScript”无关。

只是NDEFReader()没有可用的类型，所以TypeScript认为您有错字。

您可以在源树中使用NDEFReader之类的文件来存根extra-globals.d.ts的类型（名称只要是.d.ts都无所谓）。这基本上告诉TypeScript全局Window接口还有一个额外的字段NDEFReader，您实际上并不知道其类型：

declare global {
  interface Window {
    NDEFReader: any;
  }
}

export {};