如何在Angular 6中获取Simple-Peer类型智能感知

Question

我已经通过npm安装了包，比如

npm i simple-peer
npm i @types/simple-peer

然后在angular.json中引用它，比如

"scripts": [
    "./node_modules/simple-peer/simplepeer.min.js"
],

简单-Peer工作正常，但无法获取智能感知。

这怎么可能呢？

Answer 1

您已经非常接近了，因为您已经安装了@types/simple-peer

现在尝试在src文件夹或项目的根目录中创建一个名为typings.d.ts的声明文件。

然后在新创建的键入文件中键入以下内容：

declare var SimplePeer: import('simple-peer').SimplePeer;

在main.ts中，将以下行放在导入的顶部(只是为了保持独立)

///<reference path="typings.d.ts"/>

在ts组件中，您应该能够导入(etc)：

import { Instance, SignalData } from 'simple-peer';

在我的例子中，我只使用实例作为其他用法，在强类型时就没有意义了。因此，我将peer作为一种类型的实例，如下所示：

peer: Instance;

现在你应该能够通过intellisense来探索你的选择了。如果这仍然不起作用，请让我知道，这样我就可以正确地检查，因为我在一段时间前实现了这一点。

此外，如果您设法提高了使用率，请分享这些改进。

希望这能有所帮助。谢谢

有关声明文件的详细信息，请访问：https://angular.io/guide/typescript-configuration#typings

Answer 2

在组件或服务的顶部声明下面的行。

declare var SimplePeer: any;

现在你可以在任何地方使用它了，比如

let peer = new SimplePeer({ initiator: true, trickle: false })