Next.js 프로젝트를 진행 중인데 계속해서 수화 오류가 발생합니다. 내가 보는 구체적인 오류 메시지는 다음과 같습니다. 오류: 초기 UI가 서버 측에서 렌더링될 때 렌더링되는 내용과 일치하지 않기 때문에 수화에 실패했습니다. 경고: 서버 HTML에 일치하는 <div>가 포함되어 있어야 합니다. 나는 이것이 서버 측 렌더링(SSR) HTML과 클라이언트 측에서 하이드레이션 중에 React에 의해 생성된 HTML 사이의 불일치로 인한 것일 수 있다는 것을 이해합니다. 경고 프롬프트 다음을 찾을 것으로 예상됩니다.

Next.js의 반응 수화 오류 - "서버 HTML에 <a> 태그와 일치하는 <a> 태그가 포함될 것으로 예상됩니다."-PHP 중국어 네트워크 Q&A

Q&A

Next.js의 반응 수화 오류 - "서버 HTML에 <a> 태그와 일치하는 <a> 태그가 포함될 것으로 예상됩니다."

P粉401901266 2023-09-19 16:55:20 보다 1095

JavaScript

Next.js 프로젝트를 진행 중인데 계속 하이드레이션 오류가 발생합니다. 내가 본 구체적인 오류 메시지는 다음과 같습니다.

오류: 초기 UI가 서버 측에서 렌더링될 때 렌더링되는 것과 일치하지 않아 하이드레이션에 실패했습니다.

경고: 서버 HTML에서 <div> 일치가 필요합니다.

이 문제는 서버 측 렌더링(SSR) HTML과 클라이언트 측의 하이드레이션 중에 React에서 생성된 HTML 간의 불일치로 인한 것일 수 있다는 점을 이해합니다. 경고: 서버 렌더링 HTML에 <div> 태그가 필요했지만 찾을 수 없습니다.

으아아아

NextJS 13에서 이 오류를 어떻게 해결하나요?

Your Answer

제출하다

1 답변

이 문제는 Next.js의 구성 요소로 인해 발생합니다. 구성요소를 표준 <a> 태그로 교체하여 문제를 해결했습니다. 으아아아

이 구성 요소처럼 클라이언트 측 탐색을 활성화하는 대신 링크를 클릭하면 전체 페이지를 강제로 새로 고칩니다. 이는 해결 방법이며 페이지 새로고침으로 인해 성능에 영향을 미칠 수 있습니다.

2023-09-20 15:06:12

제출하다

핫툴 태그

Undress AI Tool

Undresser.AI Undress

AI Clothes Remover

ArtGPT

Stock Market GPT

Hot Questions

function_exists()는 사용자 정의 함수를 결정할 수 없습니다.

2024-04-29 11:01:01

Chrome 모바일 버전을 표시하는 방법

2024-04-23 00:22:19

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다.

2024-04-19 15:37:47

상위 창에 출력이 없습니다.

2024-04-18 23:52:34

CSS 마인드맵 코스웨어는 어디에 있나요?

2024-04-16 10:10:18

Hot Tools

뜨거운 주제

Douyin 수준 가격표 1-75

20335

Wi-Fi에 할당된 IP가 없다고 표시됨

13530

인증번호를 받을 수 있는 가상 휴대폰 번호

11850

Gmail 이메일의 로그인 입구는 어디에 있나요?

8835

Windows 보안 센터를 끄는 방법

8420

핫툴 태그

Hot Questions

Hot Tools

vc9-vc14(32+64비트) 런타임 라이브러리 모음(아래 링크)

VC9 32비트

PHP 프로그래머 도구 상자 정식 버전

VC11 32비트

SublimeText3 중국어 버전

뜨거운 주제

인기 기사