无需输入即可角导入第三方JS库

时间:2019-03-03 15:16:20

标签: angular skype skype-for-business skypedeveloper

我希望在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
    });
  }

1 个答案:

答案 0 :(得分:0)

如果此lib没有d.ts文件,则必须自己创建它,然后使用 declare var Skype: any; 在类声明之前,然后像往常一样声明类字段

SkypeField: Skype;