Skip to content

Svelte 5: Hot Reload not working with included component #12403

@gemue-parndt

Description

@gemue-parndt

Describe the bug

Hot Reload is not working if a component is mounted into a +page.svelte.
When editing the mounted compontent and i.e. change a text or add a div the component is going to disappear in the browser. In order to show the component again one have to reload the browser page.

In case the code of the component is directly written into the +page.svelte file it's working as intended. One can change the code on the +page.svelte and it reloads the desired place.

Reproduction

I've created the following example to reproduce the bug.
On the root route / there is the mounted component causing the bug.
On the /example route the component code is directly written into the +page.svelte not producing any issues.

reproduction.zip

EDIT: Works in 5.0.0-next.178 and breaks in 5.0.0-next.179

Logs

-

System Info

System:
    OS: Windows 11 10.0.22621
    CPU: (28) x64 13th Gen Intel(R) Core(TM) i7-13850HX
    Memory: 10.17 GB / 31.69 GB
  Binaries:
    bun: 1.1.18 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (126.0.2592.87)
  npmPackages:
    svelte: ^5.0.0-next.181 => 5.0.0-next.181

Severity

annoyance

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions