# Integrating uppy uploader with angular 4 application

**URL:** <https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647>\
**Category:** Uppy\
**Created:** [February 7, 2018, 1:55am UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647 "2018-02-07T01:55:33Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![vishi86\_js](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/vishi86_js/32/39_2.png) [@vishi86\_js](https://community.transloadit.com/u/vishi86_js)\
**Post date:** [February 7, 2018, 1:55am UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/1 "2018-02-07T01:55:33Z")

</div>

I want to integrate uppy with my angular code. I have installed using npm and added the css in angular-cli.json and the script file. When i run my angular app, i see the css file loaded under network tab but the js file is not loaded.

If anybody can give me some example how can i integrate the uppy fileuploader in angular 4.

Thanks in Advance.

Viswanath.

---

<div class="post-metadata">

**Author:** ![kvz](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/kvz/32/606_2.png) [@kvz](https://community.transloadit.com/u/kvz)\
**Post date:** [February 7, 2018, 8:58am UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/2 "2018-02-07T08:58:34Z")

</div>

Hi @vishi86_js, I’ve asked folks in [this Angular thread](https://github.com/transloadit/uppy/issues/532) to have a look here. In the meantime, is there a possibility you could add more details? Like browser console errors, screencapture gifs, integration code and exact dependency versions used? Any details would be helpful to assist you.

---

<div class="post-metadata">

**Author:** ![vishi86\_js](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/vishi86_js/32/39_2.png) [@vishi86\_js](https://community.transloadit.com/u/vishi86_js)\
**Post date:** [February 7, 2018, 5:52pm UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/3 "2018-02-07T17:52:52Z")

</div>

Hi @kvz, thanks for the reply.

I have added the comment in the the link which you provided.

Thanks

---

<div class="post-metadata">

**Author:** ![kvz](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/kvz/32/606_2.png) [@kvz](https://community.transloadit.com/u/kvz)\
**Post date:** [February 13, 2018, 7:27am UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/4 "2018-02-13T07:27:00Z")

</div>

Hi, Rimlin in that thread created an Angular example over at [https://codesandbox.io/s/2xw80l2lvp](https://codesandbox.io/s/2xw80l2lvp) does that help?

---

<div class="post-metadata">

**Author:** ![vishi86\_js](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/vishi86_js/32/39_2.png) [@vishi86\_js](https://community.transloadit.com/u/vishi86_js)\
**Post date:** [February 13, 2018, 3:34pm UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/5 "2018-02-13T15:34:52Z")

</div>

Hi @kvz,

I just imported the code to my ide and tried start the application. There were errors while starting the application. Tried to resolve those but did not work. Have to look into that.

Thanks,  
Viswanath.

---

<div class="post-metadata">

**Author:** ![artur](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/artur/32/15_2.png) [@artur](https://community.transloadit.com/u/artur)\
**Post date:** [March 1, 2018, 12:19am UTC](https://community.transloadit.com/t/integrating-uppy-uploader-with-angular-4-application/14647/6 "2018-03-01T00:19:24Z")

</div>

@vishi86_js Hi, this is working for you now, right, can we resolve this?