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

时间:2018-05-29 08:41:33

标签: javascript angular import angular5

我刚加入了一个有角度的5项目(技术新手)。 我需要使用外部javascript文件中的函数。

我在这里找到了一些信息:How to include external js file in Angular 4 and call function from angular to js

但它不起作用。我做错了什么?

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

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

  3. 最后我尝试在我使用 detail.component.ts 的文件中导入它: import * as variable from 'kia';

  4. 我有错误:错误TS2307:找不到模块'kia'。

    任何人都知道如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

您可以像往常一样(在脚本标记内)将它包含在index.html中,如果需要,可以在typings.d.ts中添加类型定义,或者最好找一个@types包。

否则你可以做你正在做的事情。只需确保您的路径正确,然后因为您已将其添加到您的打包文件中,您无需将其导入ts文件的顶部,您可以像引用它一样。

const a = kia. ...

如果您使用npm软件包安装它,那么您应该像正在进行的那样导入它

答案 1 :(得分:0)

我通过删除component.ts中的import来解决了这个问题,然后添加了一个link方法();在component.html中,并在componant.ts中声明方法(){kia.test();}。