Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Include External js file to angular 5.0.0 project

I'm trying to include hello.js in my angular 5.0.2 project.

Below is the cli version

enter image description here

I have added the script file to the angular-cli.json file.

"scripts": [
        "./js/hello.js",
        "./js/hello.polyfill.js",
       ]

The path is correct as i'm also loading style in the angular-cli.json which are loading fine.

In my service file i'm importing hello as below:

declare var hello: any;
declare var gapi: any;

but when i run ng build the console shows the error:

Cannot find module 'hello'.

If i load the files through script tag in the index.html the code and imports works fine .Only when i add it to the angular-cli.json file it stops working.

Please guide Thanks

like image 345
Shruti Nair Avatar asked Nov 24 '17 05:11

Shruti Nair


1 Answers

Edit the scripts array in angular-cli.json or angular.json.

You must also specify the assets folder:

"scripts": [
        "./assets/js/hello.js",
        "./assets/js/hello.polyfill.js",
       ]
like image 73
Denis Nutiu Avatar answered Nov 07 '22 01:11

Denis Nutiu