Angular 为什么我的自定义.d.ts不起作用LeaderLine不是构造函数

发布于02月20日

我想将类型添加到引线库中，但一直收到错误TypeError:Leader_Line_1.LeaderLine不是构造函数

我相信这只是一件我忽略或不理解的小事情/概念，我快被它迷住了.

以下是我的方法的闪电战:https://stackblitz.com/edit/angular-leader-line-ovnz2v?file=src%2Fapp%2Fapp.component.ts

以下是未类型化的LeaderLine:https://stackblitz.com/edit/angular-leader-line?file=src%2Fapp%2Fapp.component.ts的原始堆栈闪电战

推荐答案

注意:Stackblitz有时在运行从Anular.json开始的脚本时会出现问题，所以我在index.html中包含了脚本标记以使Stackblitz工作！

我判断了您的代码，忽略了您想要导入类型的部分.两个堆栈闪电战之间的区别是，您遗漏了leader-line的scripts数组中的条目，这可能就是问题所在！

Anular.json

        ...
        "scripts": [
          "./node_modules/leader-line/leader-line.min.js"
        ]
        ...

或

<!-- <script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/93690/leader-line.min.js"></script> -->
<my-app>loading</my-app>
<script
  src="https://cdnjs.cloudflare.com/ajax/libs/leader-line/1.0.3/leader-line.min.js"
  integrity="sha512-aFBNsI3+D6ObLLtyKwdZPZzDbcCC6+Bh+2UNV8HC0R95BpcBT+dmmZ5NMpJi/Ic8uO0W7FGcg33IfuHg+7Ryew=="
  cross或igin="anonymous"
  referrerpolicy="no-referrer"
></script>

After that change the imp或t like

我们这样做是因为您声明了一个变量和一个具有相同名称LeaderLine的类型，以便区分这两者，我使用as LeaderLineType重命名该类型，然后将该类型设置为属性LeaderLine！

imp或t { Component } from '@angular/c或e';
imp或t { LeaderLine as LeaderLineType } from 'leader-line';
imp或t { fromEvent } from 'rxjs';

declare var LeaderLine: typeof LeaderLineType;

W或king stackblitz