Angular 5-全局范围内的调用函数

Question

我想在使用Angular构建的IonicFramework应用程序中使用video.js。 我曾尝试通过npm安装它，但是如果我尝试导入，TypeScript无法识别任何可导入的模块，并且我无法找到有关在TS / ES6应用程序中使用它的正确文档。

我所做的就是尝试像使用任何js库一样使​​用它。 我已经在index.html文件中包含了video.js脚本：

<script src="assets/js/video_v6_6_3.js"></script>

我向内看，它的作用是在全局范围内声明一个名为videojs的函数（我不喜欢它-但这就是它的编写方式）。

在我的应用程序中，我尝试在ngAfterViewInit方法调用上调用此函数，如下所示： videojs(this.videoId); 。 但是TypeScript在运行时会引发异常：

Typescript Error
Cannot find name 'videojs'.

有没有办法包装此类库，使其适合Angular导入？ 还是让TypeScript接受这种方法而不抛出错误？ 我已经搜索过，但找不到有关这种情况的任何信息。

Answer 1

为了使打字稿停止抱怨，您可以将其声明为any ：

declare const videojs: any;

或者，您可以尝试像这样导入（未经测试）：

import * as videojs from 'videojs';