ionic-team / ionic-team/ionic-framework

bug: During hydration Angular expected a text node but found a comment node.

Offen
#30,125 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
triage
Vorherrschende Sprache
TypeScript
Sterne
52.7k
Forks
13.3k
Ø Merge
1 T. 15 Std.
Gemergte PRs (30 T.)
51

Beschreibung

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

Following from https://github.com/ionic-team/ionic-framework/issues/28625

My only HTML file is: `app.component.html`
```html
Home
```

`provideServerRendering()` causes
> ERROR RuntimeError: NG0500: During hydration Angular expected a text node but found a comment node.

Fully:
```html
RuntimeError: NG0500: During hydration Angular expected a text node but found a comment node.

Angular expected this DOM:

#text(Home) <-- AT THIS LOCATION

Actual DOM is:

<-- AT THIS LOCATION

Note: attributes are only displayed to better represent the DOM but have no effect on hydration mismatches.

To fix this problem:
* check the "_AppComponent" component for hydration-related issues
* check to see if your template has valid HTML structure
* or skip hydration by adding the `ngSkipHydration` attribute to its host node in a template

Find more at https://angular.dev/errors/NG0500
at validateMatchingNode (core.mjs:15140:11)
at locateOrCreateTextNodeImpl (core.mjs:30741:16)
at Module.ɵɵtext (core.mjs:30715:22)
at AppComponent_Template (app.component.html:4:12)
at executeTemplate (core.mjs:12849:5)
at renderView (core.mjs:14018:7)
at renderComponent (core.mjs:13964:3)
at renderChildComponents (core.mjs:14064:5)
at renderView (core.mjs:14046:7)
at ComponentFactory.create (core.mjs:17381:9)
```

### Expected Behavior

`provideServerRendering` should work with no issue.

### Steps to Reproduce

1. Clone https://github.com/sign/translate
2. Edit `app.component.html` to include only `Home`
3. Edit `app.config.server.ts` to include `provideServerRendering()`
4. Run `npm start`

### Code Reproduction URL

https://github.com/sign/translate

### Ionic Info

[WARN] You are not in an Ionic project directory. Project context may be missing.

Ionic:

Ionic CLI : 7.2.0

Utility:

cordova-res : 0.15.4
native-run : 2.0.1

System:

NodeJS : v22.0.0
npm : 10.5.1
OS : macOS Unknown

"@ionic/angular": "8.4.1",

### Additional Information

Blocks https://github.com/sign/translate/issues/194 and https://github.com/angular/angular-cli/issues/29236

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.