CustomEvent error in IE11 and custom-event-polyfill

[dangelion]

Hi, this is an extension of this thread:

Routing error in IE11

Hi! I found this problem with IE11 which stops all js to be executed. I know it’s not a desired browser, but it’s really easy to fix: In utils/Router.js the following code gives an object error: fire(route, event = 'init', arg) { document.dispatchEvent(new CustomEvent('routed', { bubbles: true, detail: { route, fn: event, }, })); const fire = route !== '' && this.routes[route] && typeof this.routes[route][event] === 'function'; if (fire) { …

that is closed, so I’m unable to ask there.

Basically, to solve the error sage needs the polyfill custom-event-polyfill

Where is the correct place to include it?

Thanks

[codepuncher]

Just install it like mentioned on the repo and import it in the router file, should be all there is to it.

[dangelion]

@codepuncher

Just install it like mentioned on the repo and import it in the router file, should be all there is to it

I imported it at beginning of main.js

// import external dependencies
import 'custom-event-polyfill';
import 'jquery';
...

It should be the beginning of all Javascripts, am I wrong?

[codepuncher]

Yeah, that’s fine to import there!