DioxusLabs/docsite

deployed docsite completely broken because of hydration error

Erithax opened this issue · 3 comments

Hydration error on docsite

dx

wasm-bindgen: imported JS function that was not marked as `catch` threw an error: id is undefined

Stack:
hydrate@https://dioxuslabs.com/assets/dioxus/snippets/dioxus-interpreter-js-6c374cd401497f7c/inline0.js:2:3373
__wbg_get_imports/imports.wbg.__wbg_hydrate_3235c76bbc80d2ff/<@https://dioxuslabs.com/assets/dioxus/docsite.js:1520:21
logError@https://dioxuslabs.com/assets/dioxus/docsite.js:257:18
__wbg_get_imports/imports.wbg.__wbg_hydrate_3235c76bbc80d2ff@https://dioxuslabs.com/assets/dioxus/docsite.js:1517:66
dioxus_docs_site-d8885475b3e6c441.wasm.dioxus_web::launch::launch_virtual_dom::{{closure}}::h5a2e569d32f1b9e5@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[320]:0x6f906
dioxus_docs_site-d8885475b3e6c441.wasm.wasm_bindgen_futures::queue::Queue::new::{{closure}}::h5cefa69b921c4e2d@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[815]:0x10bc91
dioxus_docs_site-d8885475b3e6c441.wasm.<dyn core::ops::function::FnMut<(A,)>+Output = R as wasm_bindgen::closure::WasmClosure>::describe::invoke::h329898d45260d534@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[3521]:0x15fef3
__wbg_adapter_57@https://dioxuslabs.com/assets/dioxus/docsite.js:327:10
real@https://dioxuslabs.com/assets/dioxus/docsite.js:286:20
VoidFunction*__wbg_get_imports/imports.wbg.__wbg_queueMicrotask_481971b0d87f3dd4/<@https://dioxuslabs.com/assets/dioxus/docsite.js:1743:19
logError@https://dioxuslabs.com/assets/dioxus/docsite.js:257:18
__wbg_get_imports/imports.wbg.__wbg_queueMicrotask_481971b0d87f3dd4@https://dioxuslabs.com/assets/dioxus/docsite.js:1742:73
dioxus_docs_site-d8885475b3e6c441.wasm.std::thread::local::LocalKey<T>::with::h088138cf764774da@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[1299]:0x12d7a0
dioxus_docs_site-d8885475b3e6c441.wasm.wasm_bindgen_futures::task::singlethread::Task::spawn::hae305727c15d3ba8@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[1671]:0x13e45f
dioxus_docs_site-d8885475b3e6c441.wasm.dioxus_fullstack::launch::launch::h1be024de640c0c07@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[439]:0xcaca7
dioxus_docs_site-d8885475b3e6c441.wasm.dioxus_docs_site::main::hac776715066229b8@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[583]:0xef73f
dioxus_docs_site-d8885475b3e6c441.wasm.std::sys_common::backtrace::__rust_begin_short_backtrace::hcf63a66439ad56b8@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[4560]:0x165ab6
dioxus_docs_site-d8885475b3e6c441.wasm.main@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[639]:0xf7bc4
dioxus_docs_site-d8885475b3e6c441.wasm.@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[4337]:0x1650c3
__wbg_finalize_init@https://dioxuslabs.com/assets/dioxus/docsite.js:2059:10
__wbg_init@https://dioxuslabs.com/assets/dioxus/docsite.js:2093:12
async*@https://dioxuslabs.com/:172:11
docsite.js:266:17
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:266
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1517
    h5a2e569d32f1b9e5 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:456966
    h5cefa69b921c4e2d https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1096849
    dioxus_docs_site-d8885475b3e6c441.wasm.<dyn core::ops::function::FnMut<(A,)>+Output = R as wasm_bindgen::closure::WasmClosure>::describe::invoke::h329898d45260d534 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1441523
    __wbg_adapter_57 https://dioxuslabs.com/assets/dioxus/docsite.js:327
    real https://dioxuslabs.com/assets/dioxus/docsite.js:286
    (Async: VoidFunction)
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1743
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1742
    h088138cf764774da https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1234848
    hae305727c15d3ba8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1303647
    h1be024de640c0c07 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:830631
    hac776715066229b8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:980799
    hcf63a66439ad56b8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1465014
    main https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1014724
    wasm https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1462467
    __wbg_finalize_init https://dioxuslabs.com/assets/dioxus/docsite.js:2059
    __wbg_init https://dioxuslabs.com/assets/dioxus/docsite.js:2093
    <anonymous> https://dioxuslabs.com/:172
Uncaught TypeError: id is undefined
    hydrate https://dioxuslabs.com/assets/dioxus/snippets/dioxus-interpreter-js-6c374cd401497f7c/inline0.js:2
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1520
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1517
    __wbg_adapter_57 https://dioxuslabs.com/assets/dioxus/docsite.js:327
    real https://dioxuslabs.com/assets/dioxus/docsite.js:286
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1743
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1742
    __wbg_finalize_init https://dioxuslabs.com/assets/dioxus/docsite.js:2059
    __wbg_init https://dioxuslabs.com/assets/dioxus/docsite.js:2093
    async* https://dioxuslabs.com/:172
inline0.js:2:3373
    hydrate https://dioxuslabs.com/assets/dioxus/snippets/dioxus-interpreter-js-6c374cd401497f7c/inline0.js:2
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1520
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1517
    h5a2e569d32f1b9e5 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:456966
    h5cefa69b921c4e2d https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1096849
    dioxus_docs_site-d8885475b3e6c441.wasm.<dyn core::ops::function::FnMut<(A,)>+Output = R as wasm_bindgen::closure::WasmClosure>::describe::invoke::h329898d45260d534 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1441523
    __wbg_adapter_57 https://dioxuslabs.com/assets/dioxus/docsite.js:327
    real https://dioxuslabs.com/assets/dioxus/docsite.js:286
    (Async: VoidFunction)
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1743
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_queueMicrotask_481971b0d87f3dd4 https://dioxuslabs.com/assets/dioxus/docsite.js:1742
    h088138cf764774da https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1234848
    hae305727c15d3ba8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1303647
    h1be024de640c0c07 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:830631
    hac776715066229b8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:980799
    hcf63a66439ad56b8 https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1465014
    main https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1014724
    wasm https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:1462467
    __wbg_finalize_init https://dioxuslabs.com/assets/dioxus/docsite.js:2059
    __wbg_init https://dioxuslabs.com/assets/dioxus/docsite.js:2093
    InterpretGeneratorResume self-hosted:1420
    AsyncFunctionNext self-hosted:807
    (Async: async)
    <anonymous> https://dioxuslabs.com/:172

If you try to visit the page because you want to open the learning-page, you can use this link as workaround: https://dioxuslabs.com/learn/0.5/

Hello, I just want to add that I get this same bug the main website (I couldn't find a repository for it). Many buttons stop working and looking in the console shows that same error message about wasm-bindgen.

Cookie warnings 7
wasm-bindgen: imported JS function that was not marked as `catch` threw an error: id is undefined

Stack:
hydrate@https://dioxuslabs.com/assets/dioxus/snippets/dioxus-interpreter-js-6c374cd401497f7c/inline0.js:2:3373
__wbg_get_imports/imports.wbg.__wbg_hydrate_3235c76bbc80d2ff/<@https://dioxuslabs.com/assets/dioxus/docsite.js:1520:21
logError@https://dioxuslabs.com/assets/dioxus/docsite.js:257:18
__wbg_get_imports/imports.wbg.__wbg_hydrate_3235c76bbc80d2ff@https://dioxuslabs.com/assets/dioxus/docsite.js:1517:66
dioxus_docs_site-d8885475b3e6c441.wasm.dioxus_web::launch::launch_virtual_dom::{{closure}}::h5a2e569d32f1b9e5@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[320]:0x6f906
dioxus_docs_site-d8885475b3e6c441.wasm.wasm_bindgen_futures::queue::Queue::new::{{closure}}::h5cefa69b921c4e2d@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[815]:0x10bc91
dioxus_docs_site-d8885475b3e6c441.wasm.<dyn core::ops::function::FnMut<(A,)>+Output = R as wasm_bindgen::closure::WasmClosure>::describe::invoke::h329898d45260d534@https://dioxuslabs.com/assets/dioxus/docsite_bg.wasm:wasm-function[3521]:0x15fef3
__wbg_adapter_57@https://dioxuslabs.com/assets/dioxus/docsite.js:327:10
real@https://dioxuslabs.com/assets/dioxus/docsite.js:286:20
docsite.js:266:17
Uncaught TypeError: id is undefined
    hydrate https://dioxuslabs.com/assets/dioxus/snippets/dioxus-interpreter-js-6c374cd401497f7c/inline0.js:2
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1520
    logError https://dioxuslabs.com/assets/dioxus/docsite.js:257
    __wbg_hydrate_3235c76bbc80d2ff https://dioxuslabs.com/assets/dioxus/docsite.js:1517
    __wbg_adapter_57 https://dioxuslabs.com/assets/dioxus/docsite.js:327
    real https://dioxuslabs.com/assets/dioxus/docsite.js:286
inline0.js:2:3373

This happens in chrome and firefox.

Reverted the change in #91b3f4e5b2a0d48e36717c6bc59b1db54859a5fa

Not sure why bumping dioxus caused this, still looking into it, but you should be able to hard refresh the page and get the fixed version of the docsite.