Module introuvable : Erreur : impossible de résoudre 'DavidDaDon.png'

Question

Je ne suis pas vraiment sûr de ce que je fais de mal ici. J'ai placé les images PNG dans le dossier src et utilisé des chemins require et relatifs pour référencer les images. J'ai l'impression de devenir fou. Pour référence, je crée un compte à rebours pour célébrer les anniversaires avec les amis proches et la famille. Les images deviendront éventuellement un accordéon montrant un compte à rebours jusqu'à leurs anniversaires respectifs. A la fin du compte à rebours, une zone de texte apparaîtra pour leur parler. J'ai également créé un composant Accordian pour contenir le code de travail. Peut-être ai-je importé le fichier deux fois ? J'ai importé à la fois dans un fichier accordéon et dans un fichier app.js.

importer Accordian depuis './accordian';
importer AugustusDaGreat depuis './AugustusDaGreat.png' ;
importer DadMatt depuis './Dad-Matt.png' ;
 importer DavidDaDon depuis 'DavidDaDon.png' ;
 importer propic depuis './propic.png';
 importer RickyKyle depuis './RickyKyle.png' ;
 
// importer 5 pngs d'amis
const gus = AugustusDaGreat;
  const papaMatt = PapaMatt;
  const daveDaDon = DavidDaDon;
  const profilePic = propic;
  const bigDickRick = RickyKyle;
fonction App (accessoires) {
  
  retour (
  
    

      
Ne manquez jamais un anniversaire !
      
Voici l'anniversaire de certaines de mes personnes préférées !
    
    
     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  );
}
J'ai essayé d'utiliser require dans l'attribut src et de nommer les fichiers à l'aide de variables const. 
            

Answer 1

Peux-tu nous montrer ton erreur ? Ça dit quoi? De plus, dans la quatrième ligne du code que vous avez collé, vous avez oublié './'. Veuillez utiliser ceci à la place

import DavidDaDon from 'DavidDaDon.png';

Ça devrait ressembler à ça

import DavidDaDon from './DavidDaDon.png';