简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Devtools で Remix の Indie スタックを使用してプロジェクトを初期化すると、「ハイドレーションに失敗しました」エラーが発生するのはなぜですか?
P粉476475551
P粉476475551 2023-08-30 00:12:22
0
1
477
<p>Remix を学習していたときに、チュートリアルに従ってプロジェクトを初期化しましたが、Devtools を開いたときに、コンソールにいくつかのエラーが報告されていることがわかりました。 </p><p> <code>警告: <html> 内に <div> タグを含むサーバー HTML は予期されていません。 </code></p><p> <code>エラー: 初期 UI がサーバー上でレンダリングされたものと一致しないため、ハイドレーションに失敗しました。 </code>*n</p><p> 最もばかばかしいのは、Remix のホームページを開いたところ、同じエラーがそのホームページで報告されていたため、特にハイドレーションが成功したかどうか、またこのエラーが発生した理由が気になったことです。 </p>
P粉476475551
P粉476475551

全員に返信(1)
P粉043566314
P粉0435663142023-08-30 17:16:14 1棟

これは、DOM を変更するブラウザ拡張機能によって引き起こされる よく知られた React の問題です。

Remix では、<div id="root" /&gt ;## だけでなく、<html /> 全体がレンダリングされるため、より明白です。 ＃。 拡張機能がインストールされていない (またはシークレット モード) でブラウザ プロファイルを使用すると、ブラウザ拡張機能が問題の原因であるかどうかを確認できます。

Kiliman は、次の場所で回避策を示しています:

https://github.com/kiliman/remix-hydration-fix

これには、ヘッダーとアプリケーションを別々にレンダリングすることが含まれます。

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！