Uncaught (in promise) Error: failed to get navigator

[riley-martin]

I am using yew to build a fairly simple SPA, but the Link element is giving me problems. The page is nearly blank with a only a few elements rendered, and I get this error in the console:

coffee-c9f9ba928080c729.js:821 Uncaught (in promise) Error: failed to get navigator
    at imports.wbg.__wbindgen_throw (coffee-c9f9ba928080c729.js:821:15)
    at wasm_bindgen::throw_str::h671d19d074def122 (coffee-e72aa937e3e802a0_bg.wasm:0x30b09e)
    at <core::option::Option<T> as wasm_bindgen::UnwrapThrowExt<T>>::expect_throw::h09e5120daf097b86 (coffee-e72aa937e3e802a0_bg.wasm:0x19cf98)
    at <yew_router::components::link::Link<R,Q> as yew::functional::FunctionProvider>::run::inner::h6c52064649903d6e (coffee-e72aa937e3e802a0_bg.wasm:0x26e0d)
    at <yew_router::components::link::Link<R,Q> as yew::functional::FunctionProvider>::run::h1474b6adeb3191b8 (coffee-e72aa937e3e802a0_bg.wasm:0x1786db)
    at yew::functional::FunctionComponent<T>::render::hbfb2066b5f801bcf (coffee-e72aa937e3e802a0_bg.wasm:0x238d79)
    at <yew_router::components::link::Link<R,Q> as yew::html::component::BaseComponent>::view::ha29f09cfae863318 (coffee-e72aa937e3e802a0_bg.wasm:0x2fc8ef)
    at <yew::html::component::lifecycle::CompStateInner<COMP> as yew::html::component::lifecycle::Stateful>::view::h0a1d6f4099dc5a69 (coffee-e72aa937e3e802a0_bg.wasm:0x2fce19)
    at yew::html::component::lifecycle::ComponentState::render::h6bbcaf17a2ea6d0c (coffee-e72aa937e3e802a0_bg.wasm:0x37ee8)
    at <yew::html::component::lifecycle::RenderRunner as yew::scheduler::Runnable>::run::hc417f63f630ca392 (coffee-e72aa937e3e802a0_bg.wasm:0x1e8f62)

Not sure if that is enough info to be useful, but I'm not really sure what part of the code is the problem, so I haven't posted any.

Changing it to an a tag works as expected, but obviously is not the desired behavior for an SPA.

Using yew = { version = "0.20", features = ["csr"] } and yew-router = "0.17".

[WorldSEnder]

You are possibly stumbling over the same issue as in #2903. I thought documentation got improved since then, was there still something unclear?

Most of yew-router's components, in particular <Link /> and <Switch />, must be (grand-)children of one of the Router components (e.g. <BrowserRouter />). You usually only need a single Router in your app, most often rendered immediately by your most top-level <App /> component. The Router registers a context, which is needed for Links and Switches to function.

[riley-martin]

Thanks, that solved the problem.

The docs do mention it, but I must have missed it. It could possibly be helpful if this was mentioned in the section about Link and Switch, because when a Link gives me problems, I read the Link section in the documentation, and it is not mentioned there.