가장 우스꽝스러운 점은 리믹스 홈페이지를 열었는데, 리믹스 홈페이지에도 같은 오류가 보고되어 있어서 하이드레이션이 성공했는지, 왜 이런 오류가 발생했는지 특히 궁금했습니다. </p>
P粉0435663142023-08-30 17:16:14
이것은 DOM을 수정하는 브라우저 확장으로 인해 발생하는 잘 알려진 React 문제입니다.
은 전체 를 렌더링하기 때문에 Remix에서 더 분명합니다 <html />
,而不仅仅是<div id="root" />
.
확장 프로그램이 설치되지 않은 상태(또는 시크릿 모드)의 브라우저 프로필을 사용하여 브라우저 확장 프로그램이 문제를 일으키는지 확인할 수 있습니다.
Kiliman은 여기에서 해결 방법을 보여줍니다: https://github.com/kiliman/remix-hydration-fix. 여기에는 헤더와 애플리케이션을 별도로 렌더링하는 작업이 포함됩니다.