简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Pourquoi est-ce que j'obtiens une erreur « Échec de l'hydratation » lors de l'initialisation d'un projet à l'aide de la pile indépendante de Remix dans Devtools ?
P粉476475551
P粉476475551 2023-08-30 00:12:22
0
1
475
<p>Lorsque j'apprenais Remix, j'ai initialisé un projet selon le tutoriel, mais lorsque j'ai ouvert Devtools, j'ai constaté que plusieurs erreurs étaient signalées dans la console. </p><p> <code>Avertissement : Le HTML du serveur contenant des balises <div> dans <html> </code></p><p> <code>Erreur : l'hydratation a échoué car l'interface utilisateur initiale ne correspond pas à ce qui est affiché sur le serveur. </code>*n</p><p> Le plus ridicule est que j'ai ouvert la page d'accueil de Remix, et sa page d'accueil a également signalé la même erreur, j'étais donc particulièrement curieux de savoir si l'hydratation avait réussi et pourquoi cette erreur s'était produite. </p>
P粉476475551
P粉476475551

répondre à tous(1)
P粉043566314
P粉0435663142023-08-30 17:16:14 1 plancher

Il s'agit d'un problème React bien connu causé par des extensions de navigateur modifiant le DOM.

est plus évident dans Remix car il restitue l'intégralité du <html />，而不仅仅是<div id="root" />.

Vous pouvez confirmer si une extension de navigateur en est la cause en utilisant un profil de navigateur sans l'extension installée (ou en mode navigation privée).

Kiliman présente une solution de contournement ici : https://github.com/kiliman/remix-hydration-fix, qui implique le rendu de l'en-tête et de l'application séparément.

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！