Angular 7: Uncaught ReferenceError: global is not defined when adding package

I am building an Angular 7 app, and when i add a package npm install dragula and import this into thepollyfills.tsfile i get this error:

index.js:2 Uncaught ReferenceError: global is not defined at Object…/node_modules/custom-event/index.js (index.js:2) at webpack_require (bootstrap:83) at Object…/node_modules/crossvent/src/crossvent.js (crossvent.js:3) at webpack_require (bootstrap:83) at Object…/node_modules/dragula/dragula.js (dragula.js:4) at webpack_require (bootstrap:83) at Module…/src/polyfills.ts (polyfills.ts:1) at webpack_require (bootstrap:83) at Object.1 (polyfills.ts:92) at webpack_require (bootstrap:83)

When I googled it everyone says to add this (window as any).global = window; to pollyfills.ts I have done this and I still get the error. I also ready to delete the node_modules folder and npm i I have done this as well.

I do not know what else to do here. can anyone please tell me some sugestions or at least explain why this would happen?

This may not be relevant but I’m going to add it as well. There is another error which wasnt there before I imported them into pollyfills.ts

accordion-group.component.ts:9 Uncaught ReferenceError: global is not defined at Module…/src/app/components/accordion/accordion-group.component.ts (accordion-group.component.ts:9) at webpack_require (bootstrap:83) at Module…/src/app/components/accordion/accordion.module.ts (accordion.component.ts:10) at webpack_require (bootstrap:83) at Module…/src/app/shared/shared.module.ts (window.extensions.ts:15) at webpack_require (bootstrap:83) at Module…/src/app/app.module.ts (app.constants.ts:17) at webpack_require (bootstrap:83) at Module…/src/main.ts (main.ts:1) at webpack_require (bootstrap:83)

• Read the contributing guidelines
• Bug reports containing repro steps are likely to be fixed faster
• Feature requests should be multi-purpose, describe use cases
• For support requests or questions, please refer to our Slack channel