Can't resolve 'stream', Can't resolve 'zlib'

[soylent]

When I add uport-connect to an Angular app, I get the following compilation errors:

ERROR in ./node_modules/qr-image/lib/qr.js
Module not found: Error: Can't resolve 'stream' in '<app>/node_modules/qr-image/lib'
ERROR in ./node_modules/qr-image/lib/png.js
Module not found: Error: Can't resolve 'zlib' in '<app>/node_modules/qr-image/lib'

Steps to reproduce the behavior:

1. create a new Angular app

   $ ng new uc
   $ cd uc
   

2. Add uport-connect

   $ yarn add uport-connect
   

3. Start the app

   $ yarn start
   

4. You will see compilation errors

[Shraddha80011]

I was facing the same issue as above,but i resolved it by :-npm i stream and npm i zlib

but now i'm facing issue : ERROR in ./node_modules/zlib/lib/zlib.js
Module not found: Error: Can't resolve './zlib_bindings' in '/home/codezeros-developer/Desktop/shraddha/did/demo/test/test1/node_modules/zlib/lib'.

Any help regarding this is appreciated.