Add js file in my angular4 application

Question

I would like to use in one of my components this effect:

my first approach was to try to translate the javascript to typescript, but then I gave up and I decided to copy the js file that you can find in the codepen and try to import it in my application.

Then, I copied the file in src/app/scripts/confetti.js and then I tried to import it in my index.html

<script src="scripts/confetti.js"></script>

But I get that the file confetti.js is not found when I run my app.

Do you know what I am doing wrong?

https://stackoverflow.com/questions/42478930/how-to-import-javascript-file-into-angular2 — Vega, Aug 28 '17 at 10:39
Possible duplicate of [Where else can I declare included scripts in angular-cli?](https://stackoverflow.com/questions/45339157/where-else-can-i-declare-included-scripts-in-angular-cli) — angularrocks.com, Aug 28 '17 at 10:53

score 4 · Accepted Answer · answered Aug 28 '17 at 10:45

4

you need to copy your js file to "src/resources/js/" and then include it in your .angular-cli.json

"scripts": [
        "resources/js/confetti.js"
           ],

answered Aug 28 '17 at 10:45

Michel Ferreira Ribeiro

413
2
9

@incancer how can i import that to my index.html file – Santoshraju V Jan 05 '18 at 06:52
@SantoshrajuV you dont... i recommend you to use Angular CLI which will create the folder and file structure for you! Then you will see a ".angular-cli.json" file where you can include your js and css files. – Michel Ferreira Ribeiro Jan 05 '18 at 10:34
i have included but it is showing filenot fouund error – Santoshraju V Jan 05 '18 at 11:36
Then it seems like ur file is not there.. make sure you are including the right files .js or .ts – Michel Ferreira Ribeiro Feb 15 '18 at 01:23

Add js file in my angular4 application

1 Answers1