如何将纯JavaScript文件添加到Angular 4组件中？

Question

4

我想在 Angular 4 组件中使用外部 JavaScript 库，但是我在使用它时遇到了问题。我想要安装的库是 plaid link library，我已经下载了 .js 文件并将其添加到了 assets 文件夹中，并将其包含到 angular-cli.json 脚本位置中。

从类中导入的对象给我带来了 Plaid is not defined 的错误。如何在 Angular TypeScript 中成功地包含纯 JavaScript 文件？

- s_kirkiles

文件中的类没有显示在我的组件中。这是什么意思？ - R. Richards

我明白了。这个库是否带有类型定义（*.d.ts）文件？我认为这是你所缺少的。这里是一个链接，介绍如何将第三方库添加到ng4项目中的步骤。npm install @types... 步骤可能是你所缺少的。 - R. Richards

没有任何类型，因为该库旨在在纯JavaScript中运行。 - s_kirkiles

我需要一个按钮，当它被按下时可以从脚本中触发一个方法。如果它在index.html中，我无法从正确的组件中触发该方法。 - s_kirkiles

一旦应用程序在浏览器中运行 - s_kirkiles

显示剩余4条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yakov Fain · Accepted Answer

看起来你的库有一个Plaid对象，这个对象在TypeScript编译器中未知。请创建一个名为src/typings.d.ts的文件，并添加以下内容：

declare var Plaid: any;

或者您可以在组件内部声明这个变量：

var Plaid: any;