Après avoir créé un nouveau projet Next 15 et
npm run dev
si vous voyez ces erreurs sur votre serveur de développement :
L'hydratation a échoué car le serveur a rendu le HTML ne correspondait pas au client. De ce fait cette arborescence sera régénérée sur le client. Cela peut se produire si un composant client SSR-ed est utilisé
Cela peut également arriver si le client a installé une extension de navigateur qui perturbe le code HTML avant le chargement de React.
Voir plus d'informations ici : https://nextjs.org/docs/messages/react-hydration-error
utilisez cet attribut suppressHydrationWarning dans votre fichier layout.tsx
return ( <html lang='en' suppressHydrationWarning>
Si cela ne résout pas votre problème, alors jusqu'à présent, ce sont les extensions mentionnées qui provoquent des erreurs d'hydratation que j'ai vues ici. Vous pouvez ajouter d'autres noms pour les rassembler en un seul endroit afin d'aider d'autres collègues développeurs :
1 - ColorZilla
2 - Wappalyzer
3 – VPN urbain
4 - Dernier Pass
5 - Vision des hackers
6 - QuelleFont
7 - Contrôleur de vitesse vidéo pour les vidéos HTML
8 - Glot
9 - Vérificateur de grammaire et paraphrase AI – LanguageTool
10 - Grammaire
11 - Inverser
12 - Dashlane
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!