国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

為什么在Devtools中使用Remix的Indie堆棧初始化項(xiàng)目時(shí)會(huì)出現(xiàn)'Hydration failed”錯(cuò)誤?
P粉476475551
P粉476475551 2023-08-30 00:12:22
0
1
641
<p>當(dāng)我學(xué)習(xí)Remix時(shí),我按照教程初始化了一個(gè)項(xiàng)目,但是當(dāng)我打開Devtools時(shí),我發(fā)現(xiàn)控制臺(tái)上報(bào)了幾個(gè)錯(cuò)誤。</p><p> <code>警告:不希望服務(wù)器HTML中包含<div>標(biāo)簽在<html>中。</code></p><p> <code>錯(cuò)誤:水合失敗,因?yàn)槌跏糢I與在服務(wù)器上呈現(xiàn)的內(nèi)容不匹配。</code>*n</p><p> 最荒謬的是,我打開了Remix的首頁,它的主頁也報(bào)了同樣的錯(cuò)誤,所以我特別好奇水合是否成功以及為什么會(huì)發(fā)生這個(gè)錯(cuò)誤。</p>
P粉476475551
P粉476475551

全部回復(fù)(1)
P粉043566314

這是一個(gè)由瀏覽器擴(kuò)展修改DOM引起的眾所周知的React問題。

在Remix中更加明顯,因?yàn)樗鼤?huì)渲染整個(gè)<html />,而不僅僅是<div id="root" />

你可以通過使用沒有安裝擴(kuò)展的瀏覽器配置文件(或隱身模式)來確認(rèn)是否是由瀏覽器擴(kuò)展引起的。

Kiliman在這里演示了一個(gè)解決方法:https://github.com/kiliman/remix-hydration-fix,它涉及到分別渲染頭部和應(yīng)用程序。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板