Angular 6: Uncaught ReferenceError: global is not defined

[x] bug report

Current behavior After upgrading to angular 6 and making a production build my application does not work anymore and in the console of the browser following error appears: Uncaught ReferenceError: global is not defined

Expected behavior Application works without errors

Reproduction of the problem I am using version 4.0.1 of swimline ngx-dnd and angular 6.0.2, it works with ng serve, but not with a production build Create a new Angular Project with the Angular cli (6.0.3), ng new mytest, add the swimlane dnd library (4.0.1) and use e.g. the ngx-dnd-container component in the template, make a prod build and open the app

This is a known issue after upgrading to angular 6: https://github.com/angular/angular-cli/issues/9827#issuecomment-369578814

[tobias74]

I had the same issue concerning the

import ‘intl’;

in polyfills. The solution proposed in https://github.com/angular/angular-cli/issues/8160#issuecomment-386153833 did not fully resolve my situation.

For me the problem was that all the imports in polyfill.ts were hoisted and executed before I could initialize

(window as any).global = window;

Solution:

I put the above line

(window as any).global = window;

in a new empty file called “global-shim.ts” and imported it at the very top of polyfill.ts:

import 'global-shim';

[kemalbirinci]

adding this line in to pollyfills.ts fixed my problem (just a workaround as @Gerros said)

(window as any).global = window;