Getting 404 error while loading a script from a local folder in to a component

Question

I am trying to load a java script file in to a component. If the file is copied outside the 'src' folder it is working fine, but inside 'src' folder it is getting 404 error. I tried with different scenarios but issue not resolved.

404 error

Thanks
Vimal

Sunil Kashyap · Accepted Answer · 2019-05-13 04:35:25Z

0

When you serve angular application it starts the server at port 4200 with directory PROJECT_FOLDER/src that is when you load the script in component it already in the src folder so just use app/shared/... instead of src/app/shared/....

answered May 13, 2019 at 4:35

Sunil Kashyap

2,9842 gold badges17 silver badges33 bronze badges

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

Comments

Nadhir Falta · Accepted Answer · 2019-05-13 04:48:06Z

0

I think Angular will consider those as static files, meaning that they won't load on compile time, but rather at runtime, and at runtime there will be on /src but instead only assets (or what you ask Angular to copy over from src.

You have 2 options here:

1- Moving your static files into asstes and then you can reference them as /assets/payment/js/init-payment.js.

2- Ask Angular to copy certain directory from src into build directory when compiling. and that's done in angular.json file inside the assets array.
For more details see this answer here:

Whats the default path for static files in Angular2?

answered May 13, 2019 at 4:48

Nadhir Falta

5,2872 gold badges25 silver badges43 bronze badges

Collectives™ on Stack Overflow

Getting 404 error while loading a script from a local folder in to a component

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related