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?

Possible duplicate of Where else can I declare included scripts in angular-cli? — angularconsulting.au
– angularconsulting.au, Commented Aug 28, 2017 at 10:53

Michel Ferreira Ribeiro · Accepted Answer · 2017-08-28 10:45:11Z

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, 2017 at 10:45

Michel Ferreira Ribeiro

4332 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Santoshraju V Over a year ago

@incancer how can i import that to my index.html file

Michel Ferreira Ribeiro Over a year ago

@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.

Santoshraju V Over a year ago

i have included but it is showing filenot fouund error

Michel Ferreira Ribeiro Over a year ago

Then it seems like ur file is not there.. make sure you are including the right files .js or .ts

Collectives™ on Stack Overflow

Add js file in my angular4 application

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related