Render is Broken from Svelte 5

[EricAndresen]

As of 0.14.1 on Linux I get this error when trying to render a Svelte component in a LiveView template.

Component.render(...) is no longer valid in Svelte 5. See https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes for more information
Error: Component.render(...) is no longer valid in Svelte 5. See https://svelte.dev/docs/svelte/v5-migration-guide#Components-are-no-longer-classes for more information
    at Counter.render (/home/erandre7/development/no_code_monitoring/app/priv/svelte/server.js:2167:9)
    at render2 (/home/erandre7/development/no_code_monitoring/app/priv/svelte/server.js:2193:22)
    at getResponse (/home/erandre7/development/no_code_monitoring/app/deps/nodejs/priv/server.js:54:25)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Interface.onLine (/home/erandre7/development/no_code_monitoring/app/deps/nodejs/priv/server.js:63:33)

Solved by downgrading to Svelte 4 with npm i svelte@4 in the assets folder.

[woutdp]

0.14.1 doesn't support Svelte 5 yet. 0.15.0 will be the version that supports Svelte 5

[EricAndresen]

To clarify I wasn't trying to install 5, I followed the instructions in the readme and Svelte 5 was installed, which crashed the application when I tried to run it. I think the npm scripts are installing Svelte 5 by default now that it's out of beta.

[woutdp]

Ah yes makes sense, I expect to release 0.15.0 soon so I'll leave it broken for now

[EricAndresen]

Excited for the next release!

[nxy7]

Same issue, took me a while to find out that it's caused by Svelte 5 because with SSR disabled the only error message I got was Uncaught Error: component_api_invalid_new :P Hope people won't be stuck debugging that too long before finding out it's just svelte 5 thing.

[srikanthkyatham]

I had the same issue. I have downgraded svelte to 4.x.x in the package.json. It started working.

"svelte": "^5.10.0", -> "svelte": "^4.2.19",