<p>ここで何が間違っているのかよくわかりません。 PNG 画像を src フォルダーに配置し、require パスと相対パスを使用して画像を参照しました。気が狂いそうになる。参考までに、親しい友人や家族の誕生日を祝うためのカウントダウンを作成しています。画像は最終的に、それぞれの誕生日までのカウントダウンを示すアコーディオンになります。カウントダウンの終わりに、彼らに話しかけるテキスト ボックスが表示されます。また、動作するコードを含めるために Accordian コンポーネントも作成しました。ファイルを 2 回インポートした可能性がありますか? accordian ファイルと app.js ファイルの両方をインポートしました。 </p> <pre class="brush:php;toolbar:false;">Accordian を './accordian' からインポートします; './AugustusDaGreat.png' から AugustusDaGreat をインポートします。 DadMatt を './Dad-Matt.png' からインポートします。 「DavidDaDon.png」から DavidDaDon をインポートします。 './propic.png' から propic をインポートします。 RickyKyle を './RickyKyle.png' からインポートします。 // 友人の 5 つの PNG をインポートします const gus = オーガスタスダグレート; const お父さんマット = お父さんマット; const daveDaDon = デビッドダドン; const profilePic = プロピック; const bigDickRick = リッキーカイル; 関数 App(props) { 戻る （ <div className="アプリ"> <h1 className='Heading-1'>誕生日を絶対に逃さない!</h1> <aside className='aside-1'>私のお気に入りの人たちの誕生日を紹介します!</aside> <アコーディアン /> <スパン> <img src={gus} alt=''/> </span> <スパン> <img src={dadMatt} alt='dad ' /> </span> <スパン> <img src={daveDaDon} alt=''/> </span> <スパン> <img src={profilePic} alt=''/> </span> <スパン> <img src={bigDickRick} alt=''/> </span> </div> ); }</pre> <p>src 属性で require を使用し、const 変数を使用してファイルに名前を付けてみました。 </p>