TypeError: 对象不支持此操作 (object does not support this operation)

[albertwoo]

Description

Navigation.newUrl does not work on IE11. I got error says object does dot support this operation.

Below code can be a workaround for me:

  let goToUrl url =
    Browser.Dom.window.history.pushState((), "", url)
    let evt = Browser.Dom.document.createEvent("Event")
    evt.initEvent("NavigatedEvent", false, false)
    Browser.Dom.window.dispatchEvent evt |> ignore
    Cmd.none

Expected and actual results

Should work on IE 11

Related information

• elmish version: 3.0.1
• fable-compiler version: 2.3.12
• fable-core version: 3.0
• Operating system: windows 10

[MangelMaxime]

This seems to be a limitation of IE11 indeed Source can I use

Did you try to configure babel to support IE11 too? Doc

I think if configured correctly babel will convert the code to IE11 compatible code.

[albertwoo]

Will try that in the future. Thanks to pint this out.

[SCullman]

As I just run into the same issue: IE11 requires now a polyfill for CustomEvent.
(Added because information was kind of hidden in links)

[kspeakman]

@MangelMaxime Babel will not polyfill CustomEvent. It depends on core-js for polyfill, which has decided not to polyfill it (see here). So because of the change made to Elmish Browser (I believe here ), Navigate.newUrl will not be compatible with IE11 unless a separate polyfill is also imported.

cc @et1975

[et1975]

@kspeakman thanks for pointing this out, could you recommend a package that polyfills CustomEvent?

[kspeakman]

Here's what I did.

npm install --save custom-event-polyfill

Then before Program.mk{...}.

Fable.Core.JsInterop.importAll "custom-event-polyfill/polyfill.js"

[albertwoo]

@et1975 you can also just copy the function from below link and paste it to your index.html in script block:
https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent#Polyfill