L'application Next.js intégrée disparaît soudainement après un certain temps de chargement, mais fonctionne correctement dans l'environnement de développement

Question

Mon projet next.js utilisant TypeScript fonctionne correctement dans l'environnement de développement, mais lors de la construction de npm, exécutez build Je pense que cela a quelque chose à voir avec la mise en page de la page, mais je n'en suis pas sûr. J'ai obtenu les informations suivantes dans la console.

Erreur non détectée : erreur React minifiée #418 ; visitez https://reactjs.org/docs/error-decoder.html?invariant=418 pour le message complet, ou pour l'erreur complète et d'autres avertissements utiles utilisés dans un environnement de développement non minifié. Erreur non détectée : erreur React minifiée n° 423 ; visitez https://reactjs.org/docs/error-decoder.html?invariant=423 pour le message complet, ou pour un développement non minifié, l'erreur complète et d'autres environnements d'avertissement utiles. DOMException : l'exécution de 'appendChild' sur 'Node' a échoué : un seul élément est autorisé sur le document. DOMException : 'removeChild' sur 'Node' a échoué : 'Le nœud à supprimer n'est pas un enfant de ce nœud.'

layout.tsx

importer './globals.css'
type d'importation { Métadonnées } depuis 'suivant'
// importer {Inter} depuis 'next/font/google'
importer la barre de navigation depuis '../components/Navbar'
importer l'image depuis 'suivant/image'
// const inter = Inter({ sous-ensembles : ['latin'] })

exporter les métadonnées const : Métadonnées = {
  titre : « expurgé »,
  description : 'Site personnel',
}

exporter la fonction par défaut RootLayout({
  enfants,
} : {
  enfants : React.ReactNode
}) {
  retour (
    

      

        

          
        
      
      

        

          
        
      

      
      
{enfants}
    
  )
}
J'ai essayé de modifier le composant {children} mais rien ne semble fonctionner. 
            

Answer 1

Avez-vous essayé d'utiliser le type React.ReactNode[] pour les enfants ?