這是一個(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)用程序。