Apl Next.js yang dibina tiba-tiba hilang selepas dimuatkan seketika, tetapi berfungsi dengan baik dalam persekitaran pembangunan

Question

Projek next.js saya menggunakan skrip taip berjalan dengan baik dalam persekitaran pembangunan, tetapi apabila membina npm jalankan bina Saya rasa ini ada kaitan dengan meletakkan halaman, tetapi saya tidak pasti. Saya mendapat maklumat berikut dalam konsol.

Ralat Tidak Ditangkap: Ralat Reaksi Dikurangkan #418; lawati https://reactjs.org/docs/error-decoder.html?invariant=418 untuk mesej penuh, atau pada ralat penuh dan amaran berguna lain yang digunakan dalam persekitaran pembangunan yang tidak diperkecilkan. Ralat Tidak Diperoleh: Ralat Reaksi Dikurangkan #423; lawati https://reactjs.org/docs/error-decoder.html?invariant=423 untuk mesej penuh atau untuk pembangunan yang tidak dikecilkan, ralat penuh dan persekitaran amaran berguna yang lain. DOMException: Pelaksanaan 'appendChild' pada 'Node' gagal: Hanya satu elemen dibenarkan pada dokumen. DOMException: 'removeChild' pada 'Node' gagal: 'Nod yang akan dialih keluar bukanlah anak nod ini.'

susun atur.tsx

import './globals.css'
jenis import { Metadata } daripada 'seterusnya'
// import { Inter } daripada 'next/font/google'
import Navbar daripada '../components/Navbar'
import Imej dari 'next/image'
// const inter = Inter({ subset: ['latin'] })

eksport metadata const: Metadata = {
  tajuk: 'disunting',
  perihalan: 'Tapak web peribadi',
}

eksport fungsi lalai RootLayout({
  kanak-kanak,
}: {
  kanak-kanak: React.ReactNode
}) {
  kembali (
    <div className="saudara">
      <div className="-z-1 bg-malam inset mutlak-0">
        <div className="tetap w-skrin h-skrin penunjuk-acara-tiada bg-tatal">
          <Imej src="/bg-circle.png" alt={''} susun atur="isi"
        </div>
      </div>
      <div className='flex justify-center'>
        <div className="ditetapkan z-10 w-2/5">
          <Navbar />
        </div>
      </div>

      
      <div className="relative z-0">{children}</div>
    </div>
  )
}

Saya cuba mengedit komponen {children} tetapi nampaknya tiada apa yang berjaya.

Answer 1

Dah cuba guna jenis React.ReactNode[] untuk kanak-kanak?