bug: Failing to load a nested component hides all parents

[mhoritani]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

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

[rwaskiewicz]

Hey @mhoritani 👋

Thanks for the issue with the repro case! It was super easy/helpful to understand what's going on here. I've labeled this as a bug to get ingested it into our backlog.