Javascript no longer loads after page routing about leptos HOT 5 CLOSED

I have not tried the reproduction myself, but does it work if you use an absolute route rather than a relative route for the script src?

from leptos.

I have tried this out:
<script type="module" src="http://localhost:3000/content.js"/>

Unfortunately nothing has changed.

from leptos.

In that case, I can't reproduce. For me, simply switching this to

 <script type="module" src="/content.js"/>

resolves the MIME-type error.

Note that it does not call the setup function in content.js again, which is expected behavior when you are working with client-side navigation and trying to integrate a third-party JS library like this into any frontend framework. You might consider exporting a function like export function setup() that does the setup you're trying to do, and then using wasm-bindgen to import and call this function whenever you load Home.

from leptos.

Even easier:

        <script>
            r#"import("/content.js").then(m => m.setup());"#
        </script>

and

export function setup() {
	VANTA.TOPOLOGY({

from leptos.

Fixed it! Thank you for the tip with bindings!

#[wasm_bindgen(module = "/load.js")]
extern "C" {
    fn setup();
}

#[component]
pub fn HomePage() -> impl IntoView {
    create_effect(move |_| {
        setup();
    });
    // ...
}

from leptos.