如何在angular5项目中导入外部js文件？

Question

我刚刚加入了angular 5项目（对技术而言是新的）。 我需要使用外部javascript文件中的函数。

我在这里找到了一些信息： 如何在Angular 4中包含外部js文件以及如何将函数从angular调用到js

但这是行不通的。 我究竟做错了什么 ？

1. 我在项目中添加了我的js文件，并在.angular-cli.json中声明了它： "scripts": [ "./assets/js/kia.js" ],

2. 然后我在types.d.ts中声明了它： declare var kia: any;

3. 最后，我尝试将其导入我使用detail.component.ts的文件中： import * as variable from 'kia';

我有错误： 错误TS2307：找不到模块'kia'。

有人知道如何解决这个问题吗？

Answer 1

您可以像平常一样（在脚本标记中）将其包含在index.html中，如有必要，可以在types.d.ts中添加类型定义，或者最好为它找到@types包。

否则，您可以做您正在做的事情。 只要确保您的路径正确无误，然后由于您已将其添加到类型文件中，则无需将其导入ts文件的顶部，就可以像这样引用它。

const a = kia. ...

如果您使用npm软件包安装了它，那么您应该像导入时那样导入它

Answer 2

我通过删除component.ts中的导入解决了这个问题，然后添加了link method（）;。 在component.html中，并在componant.ts中声明method（）{kia.test（）;}。