빌드된 Next.js 앱이 잠시 로드된 후 갑자기 사라지지만 개발 환경에서는 정상적으로 실행됩니다.
P粉668113768
P粉668113768 2023-08-15 15:51:16
0
1
540
<p>typescript를 사용하는 next.js 프로젝트는 개발 환경에서 잘 실행되지만 <code>npm run build</code>를 빌드할 때 페이지가 로드된 후 사라집니다. 나는 이것이 페이지 레이아웃과 관련이 있다고 생각하지만 확실하지 않습니다. 콘솔에서 다음 정보를 얻었습니다. </p> <p> 포착되지 않은 오류: 축소된 React 오류 #418; 전체 메시지를 보려면 https://reactjs.org/docs/error-decoder.html?invariant=418을 방문하세요. 축소되지 않은 개발 환경. 포착되지 않은 오류: 축소된 React 오류 #423, 전체 메시지를 보려면 https://reactjs.org/docs/error-decoder.html?invariant=423을 방문하세요. 축소되지 않은 개발의 경우 전체 오류 및 기타 유용한 경고 환경을 확인하세요. DOMException: 'Node'에서 'appendChild' 실행이 실패했습니다. 문서에는 하나의 요소만 허용됩니다. DOMException: '노드'의 'removeChild' 실패: '제거할 노드가 이 노드의 하위 노드가 아닙니다.'</p> <p><strong>layout.tsx</strong></p> <pre class="brush:php;toolbar:false;">가져오기 './globals.css' 'next'에서 가져오기 유형 { 메타데이터 } // 'next/font/google'에서 { Inter }를 가져옵니다. '../comComponents/Navbar'에서 Navbar 가져오기 '다음/이미지'에서 이미지 가져오기 // const inter = Inter({ 하위 집합: ['latin'] }) const 메타데이터 내보내기: 메타데이터 = { 제목: '수정됨', 설명: '개인 웹사이트', } 기본 함수 RootLayout 내보내기({ 어린이들, }: { 어린이: React.ReactNode }) { 반품 ( <div className="상대적"> <div className="-z-1 bg-night 절대 삽입-0"> <div className="고정 w-화면 h-화면 포인터-이벤트-없음 bg-스크롤"> <Image src="/bg-circle.png" alt={''} 레이아웃="채우기" objectFit="표지" </div> </div> <div className='flex justify-center'> <div className="고정 z-10 w-2/5"> <나브바 /> </div> </div> <div className="relative z-0">{어린이}</div> </div> ) }</pre> <p>{children} 구성요소를 편집해 보았지만 아무것도 작동하지 않는 것 같습니다. </p>
P粉668113768
P粉668113768

모든 응답(1)
P粉416996828

어린이용 React.ReactNode[]타입을 사용해 보셨나요?

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!