<p>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. </p> <pre class="brush:php;toolbar:false;">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> ); }</pre> <p>Ich habe versucht, require im src-Attribut zu verwenden und die Dateien mithilfe von const-Variablen zu benennen. </p>

import DavidDaDon from 'DavidDaDon.png';

import DavidDaDon from './DavidDaDon.png';