typescript - 找不到命名空间“amp”

我正在编写一个使用 Azure 媒体播放器的 React/TypeScript 项目。根据引用播放器下的文档，我应该能够像这样引用播放器：

var myPlayer = amp('vid1');

然后我得到一个编译器错误：

TypeScript error in C:/<file path>/<file name>.tsx(47,17):
Cannot find namespace 'amp'.  TS2503

我看到这是一个 TypeScript 错误，但文档是为 JavaScript 编写的。

所以我尝试了 TypeScript：

let player: amp.Player = amp("player");

相同的编译器错误。

如何在我的 React/TypeScript 项目中引用 AMP 播放器？

标签： typescriptazurenamespacesazure-media-servicesazure-media-player

TypeScript 抱怨，因为amp需要先导入类型。根据这个线程，带有 TypeScript 定义的 Azure 媒体播放器的 npm 包尚不可用。但是由于定义可以从 CDN 获得，这里是一个如何将自定义类型添加到项目的示例：

a) 下载azuremediaplayer.d.ts定义并将其放在src目录下，例如在单独的文件夹中amp_typings：

amp_typings
    |
    azuremediaplayer.d.ts

compilerOptionsb）在您的部分添加对此类型定义的引用tsconfig.json：

{
  "compilerOptions": {
    ...
    "typeRoots": ["node_modules/@types", "amp_typings"]
  },
  ...
}

就是这样，现在amp模块可以在 React 应用程序中使用。