ionic-team
bug: Failing to load a nested component hides all parents
Prerequisites
- [X] I have read the Contributing Guidelines.
- [X] I agree to follow the Code of Conduct.
- [X] 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
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.
