简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Warum erhalte ich die Fehlermeldung „Hydration failed', wenn ich ein Projekt mit dem Indie-Stack von Remix in Devtools initialisiere?
P粉476475551
P粉476475551 2023-08-30 00:12:22
0
1
430
<p>Als ich Remix lernte, initialisierte ich ein Projekt gemäß dem Tutorial, aber als ich Devtools öffnete, stellte ich fest, dass in der Konsole mehrere Fehler gemeldet wurden. </p><p> <code>Warnung: Server-HTML mit <div>-Tags innerhalb von <html> </code></p><p> <code>Fehler: Die Hydratation ist fehlgeschlagen, da die ursprüngliche Benutzeroberfläche nicht mit der Darstellung auf dem Server übereinstimmt. </code>*n</p><p> Das Lächerlichste ist, dass ich die Homepage von Remix geöffnet habe und auf deren Homepage ebenfalls derselbe Fehler gemeldet wurde. Daher war ich besonders neugierig, ob die Hydratation erfolgreich war und warum dieser Fehler auftrat. </p>
P粉476475551
P粉476475551

Antworte allen(1)
P粉043566314
P粉0435663142023-08-30 17:16:14 1 Etage

这是一个由浏览器扩展修改DOM引起的众所周知的React问题。

在Remix中更加明显，因为它会渲染整个<html />，而不仅仅是<div id="root" />。

你可以通过使用没有安装扩展的浏览器配置文件（或隐身模式）来确认是否是由浏览器扩展引起的。

Kiliman在这里演示了一个解决方法：https://github.com/kiliman/remix-hydration-fix，它涉及到分别渲染头部和应用程序。

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！