- Verschifft
- 9. September 2026 um 16:23 UTC
- Autor
- Kamo
- Ausschuss
- c4fb5a8
Die Homepage hat React #418 geworfen . "der Server gerenderte Text nicht mit dem Kunden" - bei jeder Ladung, in der Produktion sowie vor Ort. Das Missverhältnis ist die Uhr des Angebotsbanners: const [time, setTime] = useState() =- calcCountdown(neu **************** // liest Date.now() ); Ein fauler Initialisator, der die Uhr liest, läuft zweimal auf zwei verschiedenen Uhren: einmal, wenn der Server prerendert die Seite, einmal, wenn der Browser Hydratisiert es. Diese können nicht zustimmen, und mit "revalididate = 300" die serviert HTML ist bis zu fünf Minuten alt, so dass sie innerhalb von Minuten nicht einverstanden sind. React die Sekundenbox als 25 auf dem Server und 23 auf dem Client gemeldet, dann regeneriert die gesamte Banner-Unterreiss auf dem Client - das ist die tatsächliche Kosten, auf das eine Element des Helden, die über der Falte und animierend ist. Der Samen kommt jetzt vom Server als Requisite, so dass der erste Client machen ist eine reine Funktion dessen, was die Grenze überschritten und reproduziert die Das HTML des Servers genau; der Effekt verschiebt sich auf die eigene Uhr des Lesers unmittelbar nach dem Reittier, vor dem ersten Ticken der Pause. Nicht OfferBand's fix, der genau dort ist: es beginnt bei Null und wiedergegeben keine Uhr bis zum mount. Das ist richtig für eine Band weiter unten auf der Seite, aber dieses Banner ist über der Falte und die Uhr ist ein Drittel seiner Breite, so würde ein Pop-in den Helden auf jede Last verschieben. Verifiziert gegen einen Produktionsaufbau mit dem Prerender absichtlich gealtert 100 Sekunden: der HTML-Samen lesen 21 07 41 40, der Browser zeigte 21 07 38 57 - passend zu einer verbleibenden Zeit unabhängig von der berechnet Seite - und es gab keine Hydratationsfehler auf /en, /de/watch, /en/preisen, /de/pricing/offer, /en/features, /fr oder /de/site-map. "Date.now() Server-Komponente ist keine dynamische API, und die Route-Tabelle zeigt immer noch die Homepage vorrederte.