Errors importing as an ES module from unpkg

I have been trying to import navi directly from unpkg and have come across a few errors:

1. If you request https://unpkg.com/navi@0.11.6?module then this error appears:

Apparently this is related to webpack https://github.com/webpack/webpack/issues/8838

1. If you specify the exact file https://unpkg.com/navi@0.11.6/dist/es/index.js then the above error disappears but then this error appears:

Apparently this is to do with navi having history as an optional dependency (for interoperability with react-router). Solving this issue is likely to negate issue 1.

[jamesknelson]

You’re welcome 😄

I see - yeah I was using ?module. You’re right that it’d probably work if you just used the raw file, although now that I’m deprecating navigation.history, I think I might just wait until the version that removes the dependency completely.

[jamesknelson]

A lot of big projects are built around react-router. Allowing integration between the two makes it possible to start writing some routes with Navi in an existing project, without converting the whole thing up front.

As for why Navi relies on history, any router is going to need some way to interact with the browser history, as the raw history API leaves a bit to be desired. history also has the advantage of being able to prompt the user when they leave a page though, which is great if you have unedited text and accidentally press “back”.