CODEWITHSUNDEEP
javascriptangularangular-cli
Shruti Nair
Shruti Nair

Reputation: 2034

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

Upvotes: 6

Views: 10919

Answers (1)

Denis Nutiu
Denis Nutiu

Reputation: 1433

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",
       ]

Upvotes: 3

Related Questions