René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Hydration: detect common mismatch patterns and produce a better error message","articleBody":"### Which @angular/* package(s) are relevant/related to the feature request?\r\n\r\ncore\r\n\r\n### Description\r\n\r\nDuring hydration, Angular relies on the application structure to be the same between the server and the client. There are a few cases where if you have a component template that does not have valid HTML structure, this could result in a DOM mismatch error during hydration, see https://angular.dev/guide/hydration#valid-html-structure.\r\n\r\nHere is an example that we've came across on ADEV: https://github.com/angular/angular/pull/56390.\r\n\r\n### Proposed solution\r\n\r\nThe proposal is to auto-detect those situations when hydration mismatch happens and output additional information into the console, to make it easier to find the origin of the problem and resolve it.\r\n","author":{"url":"https://github.com/AndrewKushnir","@type":"Person","name":"AndrewKushnir"},"datePublished":"2024-06-11T23:45:20.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/56392/angular/issues/56392"}