Modul nicht gefunden: Fehler: „DavidDaDon.png“ kann nicht aufgelöst werden.

Question

Ich bin mir nicht ganz sicher, was ich hier falsch mache. Ich habe die PNG-Bilder im src-Ordner abgelegt und erforderliche und relative Pfade verwendet, um auf die Bilder zu verweisen. Ich habe das Gefühl, ich werde verrückt. Als Referenz erstelle ich einen Countdown für das Feiern von Geburtstagen mit engen Freunden und der Familie. Die Bilder werden schließlich zu einem Akkordeon, das einen Countdown zu ihren jeweiligen Geburtstagen anzeigt. Am Ende des Countdowns erscheint ein Textfeld, das sie anspricht. Ich habe auch eine Accordian-Komponente erstellt, die den Arbeitscode enthält. Vielleicht habe ich die Datei zweimal importiert? Ich habe sowohl die Accordian-Datei als auch die app.js-Datei importiert.

Accordian aus './accordian' importieren;
importiere AugustusDaGreat aus './AugustusDaGreat.png';
DadMatt aus './Dad-Matt.png' importieren;
 DavidDaDon aus „DavidDaDon.png“ importieren;
 propic aus './propic.png' importieren;
 RickyKyle aus „./RickyKyle.png“ importieren;
 
// 5 PNGs von Freunden importieren
const gus = AugustusDaGreat;
  const dadMatt = DadMatt;
  const daveDaDon = DavidDaDon;
  const ProfilePic = Propic;
  const bigDickRick = RickyKyle;
Funktion App(props) {
  
  zurückkehren (
  
    <div className="App">
      <h1 className='heading-1'>Niemals einen Geburtstag verpassen!</h1>
      <aside className='aside-1'>Hier sind die Geburtstage einiger meiner Lieblingsmenschen!</aside>
    <Akkordeon />
    <spanne>
     <img src={gus} alt=''/>
    </span>
    <spanne>
    <img src={dadMatt} alt='dad ' />
    </span>
    <spanne>
    <img src={daveDaDon} alt=''/>
    </span>
    <spanne>
    <img src={profilePic} alt=''/>
    </span>
    <spanne>
    <img src={bigDickRick} alt=''/>
    </span>
    
    </div>
  );
}

Ich habe versucht, require im src-Attribut zu verwenden und die Dateien mithilfe von const-Variablen zu benennen.

Answer 1

你能让我们看看你的错误吗？它说了什么？此外，在您粘贴的代码的第四行中，您忘记了'./'。请使用它代替

import DavidDaDon from 'DavidDaDon.png';

应该像这样

import DavidDaDon from './DavidDaDon.png';