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

Question

I've just joined an angular 5 project (new to the tech). I need to use functions from an external javascript file.

I found some information here : How to include external js file in Angular 4 and call function from angular to js

But it doesn't work. What am I doing wrong ?

1. I added my js file in the project and declared it in the .angular-cli.json : "scripts": [ "./assets/js/kia.js" ],

2. Then I declared it in the typings.d.ts : declare var kia: any;

3. And finally I tryed to import it in the file I use detail.component.ts : import * as variable from 'kia';

I've the error : error TS2307: Cannot find module 'kia'.

Anyone knows how to fix this ?

Answer 1

You can include it in your index.html as you would normally (inside a script tag) and if necessary add the type definitions in your typings.d.ts or preferably, find a @types package for it.

Otherwise you can do what you are doing. Just ensure you path is correct and then since you've added it to your typings file you do not need to import it at the top of your ts file, you can just reference it like.

const a = kia. ...

If you've installed it using an npm package then you should rather import it, as you are doing

Answer 2

I solved this probleme by removing the import in the component.ts, then add a link method(); in the component.html, and declaring method() { kia.test();} in the componant.ts.