Skip to content

Styles broken in componentes when using dynamic import #15983

@Eptagone

Description

@Eptagone

Astro Info

Astro                    v6.0.5
Node                     v22.22.0
System                   Linux (x64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             none

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

If you use dynamic importing with components, the styles don't load the first time. You need to edit something and save to see the changes.
This didn't happen with Astro 5
Also, you can see in the console that the Home page loads twice for some reason.

Additionaly, sometimes I saw the error [404] /@id/astro/runtime/client/dev-toolbar/astro_runtime_client_dev-toolbar_entrypoint__js.js.map when the page reloads in my local, but I wasn't able to reproduce it yet in the reproduction project. I'm not sure if it can be related to #15857, #15840

What's the expected result?

The styles to work fine after starting the dev server

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-dcxdsqab?file=src%2Fpages%2Findex.astro

Participation

  • I am willing to submit a pull request for this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    - P4: importantViolate documented behavior or significantly impacts performance (priority)pkg: astroRelated to the core `astro` package (scope)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions