Skip to content

bug: Failing to load a nested component hides all parents #5703

@mhoritani

Description

@mhoritani

Prerequisites

Stencil Version

4.17.1

Current Behavior

If a component is nested inside another component AND the nested component cannot be rendered fully because its entry point can't be loaded then the parent component will not display at all because it never receives the .hydrated css class.

While the issue of a bundle not loading is certainly not a StencilJS issue, the behavior of the parent component not rendering - especially thinking of an icon deeply nested inside many bigger components has quite a big impact which is problematic.

Expected Behavior

The parent component should still receive the hydrated class and be displayed even if a nested component bundle cannot be loaded.

System Info

No response

Steps to Reproduce

  • Open Stackblitz Repro
  • Navigate to your Dev Tools in the Network Tab
  • Find the nested component's entry file called nested-component.entry.js
  • Right click and select Block Request URL
  • Reload

Code Reproduction URL

https://stackblitz.com/edit/stencil-repro-mh-04-24?file=src%2Findex.html

Additional Information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Bug: ValidatedThis PR or Issue is verified to be a bug within Stencil

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions