モジュールが見つかりません: エラー: 'DavidDaDon.png' を解決できません

Question

ここで何が間違っているのかよくわかりません。 PNG 画像を src フォルダーに配置し、require パスと相対パスを使用して画像を参照しました。気が狂いそうになる。参考までに、親しい友人や家族の誕生日を祝うためのカウントダウンを作成しています。画像は最終的に、それぞれの誕生日までのカウントダウンを示すアコーディオンになります。カウントダウンの終わりに、彼らに話しかけるテキスト ボックスが表示されます。また、動作するコードを含めるために Accordian コンポーネントも作成しました。ファイルを 2 回インポートした可能性がありますか? accordian ファイルと app.js ファイルの両方をインポートしました。

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>
  );
}

src 属性で require を使用し、const 変数を使用してファイルに名前を付けてみました。

Answer 1

あなたの間違いを見せていただけますか?それは何と言っていますか？また、貼り付けたコードの 4 行目に「./」を忘れています。

の代わりにこれを使用してください リーリー

次のようになります

リーリー