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 ?

Question

Lorsque j'apprenais Remix, j'ai suivi le tutoriel pour initialiser un projet, mais lorsque j'ai ouvert Devtools, j'ai constaté que plusieurs erreurs étaient signalées dans la console. Avertissement : Le HTML du serveur contenant des balises

dans n'est pas attendu. Erreur : L'hydratation a échoué car l'interface utilisateur initiale ne correspond pas à ce qui est rendu sur le serveur. *nLe plus ridicule est que j'ai ouvert la page d'accueil de Remix, et la même erreur a été signalée sur sa page d'accueil, j'étais donc particulièrement curieux de savoir si l'hydratation avait réussi et pourquoi cette erreur s'était produite.

P粉043566314 · Answer

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 ，而不仅仅是

.

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.

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 ?

répondre à tous(1)je répondrai