Angular 导入 3rd-party JS 库，无需输入

Question

我希望在 Angular (7) 应用程序中使用 Skype web sdk。

为了测试它，我在 index.html 中添加了一个脚本标签

<script src="https://swx.cdn.skype.com/shared/v/1.2.35/SkypeBootstrap.min.js"></script>

第一个问题（除了 Microsoft 通常不太清楚的文档）是我需要 SDK 的类型文件。一个存在吗？我找不到一个。除非我可以然后我的下一个问题 - 我如何在我的应用程序中处理这个问题？

例如 在我的组件中，我正在尝试初始化 Skype，但收到 Typescript 错误

src/app/home/home.component.ts(23,5) 中的错误：错误 TS2304：找不到名称“Skype”。

为了让组件识别变量，我需要在 Typescript 构造函数/导入中做什么？

import { Component, OnInit } from '@angular/core';
import './SkypeBootstrap.min.js';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  Skype: any;

  constructor() { }

  ngOnInit() {

    Skype.initialize({
      //omitted
    });
  }

Answer 1

如果这个库没有 d.ts 文件，你必须自己制作，然后使用 declare var Skype: any; 在类声明之前，然后像往常一样声明类字段

SkypeField: Skype;