Upgrading to angular-6.x gives "Uncaught ReferenceError: global is not defined"

Question

I upgraded my project from angular-5.x to angular-6.x and it started giving the following error and even creation of dummy global variable does not work as given here Angular 6 Auth0 - global not defined

The error is as follows:

Uncaught ReferenceError: global is not defined     at Object../node_modules/has-binary2/index.js (index.js:10)     at __webpack_require__ (bootstrap:81)     at Object../node_modules/socket.io-parser/index.js (index.js:8)     at __webpack_require__ (bootstrap:81)     at Object../node_modules/socket.io-client/lib/index.js (index.js:7)     at __webpack_require__ (bootstrap:81)     at Object../src/app/app4pc/apiConnection/services/ApiConnectionServer.ts (auth.interceptor.ts:8)     at __webpack_require__ (bootstrap:81)     at Object../src/app/app4pc/apiConnection/toServer.module.ts (ApiConnectionServer.ts:11)     at __webpack_require__ (bootstrap:81) 

after resolving this I get following error:

Uncaught ReferenceError: process is not defined     at Object../node_modules/process-nextick-args/index.js (index.js:3)     at __webpack_require__ (bootstrap:81)     at Object../node_modules/readable-stream/lib/_stream_readable.js (_stream_readable.js:26)     at __webpack_require__ (bootstrap:81)     at Object../node_modules/readable-stream/readable-browser.js (readable-browser.js:1)     at __webpack_require__ (bootstrap:81)     at Object../node_modules/simple-peer/index.js (index.js:7)     at __webpack_require__ (bootstrap:81)     at Object../src/app/util/services/call.services.ts (notification.service.ts:12)     at __webpack_require__ (bootstrap:81)     

And continues on and on.

Answer 1

Adding this line to polyfills.ts should resolve node global error

(window as any).global = window;

The solution was mentioned in this angular-cli issue thred