Uncaught ReferenceError: global is not defined

[Matthew Harris]

Angular 6.0.0-rc.3 and Angular-CLI 6.0.0-rc.2. Error in browser console. Will try and figure out solution and report back...

[Juliano Brasil]

It happens with @angular 6.0.0-rc.3 and @angular/cli 6.0.0-rc.3 too.

[Juliano Brasil]

In fact it fails with any versions combination newer than @angular 6.0.0-rc.0 + @angular/cli 1.7.4

It's working with the following combinations:
@angular 6.0.0-rc.0 + @angular/cli 1.7.4
@angular 6.0.0-rc.4 + @angular/cli 1.7.4

[Juliano Brasil]

This is probably the cause: angular/angular-cli#9827 (comment)

[John Samuelson]

Anyone have any luck on this?

[James]

Any update on this?

[rrajewski]

I was able to work around this for now by adding an entry for dragula to the paths in my tsconfig.json

"paths": {
      "dragula": ["../node_modules/dragula/dist/dragula.min.js"]
    }

[Juliano Brasil]

@rrajewski, I owe you a beer!

BTW, I put it on tsconfig.app.json (inside /src directory)

[lukica88]

You can add (window as any).global = window; in polyfills.ts

[Geelus]

You can add (window as any).global = window; in polyfills.ts
worked for me. thanks

[Roopesh Chinnakampalli]

You can add (window as any).global = window; in polyfills.ts

Worked like charm. Thanks!

[Gerros]

The solution is just a workaround... Can this be solved properly?
angular/angular-cli#9827 (comment)

[amanymh]

<script>
var global = global || window;
var Buffer = Buffer || [];
var process = process || {
  env: { DEBUG: undefined },
  version: []
};

</script> i added this to index.html and that sove the problem

[Cormac Relf]

@Gerros unfortunately the fix will be just to integrate the workaround. Usually one would just send issues upstream to dragula (code search on both repos reveals no use of global here), but that project has not been touched in a year and I don’t think the original owner still looks at it (calling @bevacqua?). It will have to be @lukica88’s solution but in one of our source files (any one will do) with a link to this issue in a comment. (I can’t push new versions but @valorkin can.)

[Dmitriy Shekhovtsov]

@cormacrelf I can give you push access and could help to set up publish from CI
(like in ngx bootstrap)
Drop me a note if you are interested in maintaining ng2-dragula :)

Plus I can ask @bevacqua to do the same with dragula :)

[Cormac Relf]

I already have push access. I am supposedly a maintainer. CI publish would make things a lot easier. (Side note: I have been a bit busy maintaining my own drag and drop library. It’s not like you can really have a conflict of interest at this scale, but all the free time I have left over for drag and drop libraries is going there. I also haven’t used this in live code in almost a year. If anyone else is making heavy use of ng2-dragula, please become a maintainer too.)

…

On 11 Jun 2018, at 23:28, Dmitriy Shekhovtsov ***@***.***> wrote: @cormacrelf I can give you push access and could help to set up publish from CI (like in ngx bootstrap) Drop me a note if you are interested in maintaining ng2-dragula :) Plus I can ask @bevacqua to do the same with dragula :) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[Cormac Relf]

Also @valorkin, last publish was 1.5.0 from #636, but you don't appear to have pushed the commit changing the version number. Was there anything else you didn't push, or can just bump the version past 1.5.0 without losing anything? Ref #747 as well.

[Vivek Chaudhari]

adding this line in to pollyfills.ts fixed my problem if u r using angular 6

(window as any).global = window;

[Cormac Relf]

Actually, this can't be fixed in ng2-dragula. Seriously.

It would appear dragula gets loaded first, and tries to use window.global. So any polyfilling from inside the lib is too late. To fix it, you'd need to summon @bevacqua from wherever he's gone (other projects, apparently), or maintain a fork. I'm not going to maintain a fork.

I'm leaving this issue open so people can find it, and adding a note to the docs in lieu of actually solving it.

[Cormac Relf]

Ref
bevacqua/dragula#534

[Majid Hadji]

adding this line in to pollyfills.ts fixed my problem if u r using angular 6

(window as any).global = window;

[Matthew Harris]

Thanks @mhadji, there are a couple quick fixes for this listed above similar to what you have suggested. I think this issue has morphed into a bigger conversation over time. I was able to get things working with something similar to your suggestion.

[Cormac Relf]

I'm leaving this issue open so people can find it, and adding a note to the docs in lieu of actually solving it.

Guys. I’m leaving it open. Until the polyfill is no longer necessary.

[Ben]

Caution, I installed ng2-dragula and got this error, so I uninstalled but the error remained...
Good I pushed my code so I could reset my branch.

[Alaa Naeeim]

add this line in polyfills.ts

(window as any).global = window;

[Evan Forbes]

Any update on this? I am still getting this after upgrading to Angular 15 and I have the (window as any).global = window; line in polyfills.ts

[Peter]

add this line in AppComponent constructor solved the problem in angular 16
window['global'] = window;