Modul tidak ditemui: ralat: tidak dapat menyelesaikan 'DavidDaDon.png'

Question

Saya tidak pasti apa salah saya di sini. Saya meletakkan imej PNG dalam folder src dan menggunakan laluan memerlukan dan relatif untuk merujuk imej. Aku rasa macam nak gila. Sebagai rujukan, saya sedang membuat kira detik untuk meraikan hari lahir bersama rakan rapat dan keluarga. Imej-imej itu akhirnya akan menjadi akordion yang menunjukkan undur ke hari lahir masing-masing. Pada penghujung kira detik, kotak teks akan muncul untuk bercakap dengan mereka. Saya juga mencipta komponen Accordian untuk mengandungi kod kerja. Mungkin saya mengimport fail dua kali? Saya telah mengimport kedua-duanya dalam fail akordian dan fail app.js.

import Accordian daripada './accordian';
import AugustusDaGreat daripada './AugustusDaGreat.png';
import DadMatt daripada './Dad-Matt.png';
 import DavidDaDon daripada 'DavidDaDon.png';
 import propic daripada './propic.png';
 import RickyKyle daripada './RickyKyle.png';
 
// import 5 png rakan
const gus = AugustusDaGreat;
  const dadMatt = DadMatt;
  const daveDaDon = DavidDaDon;
  const profilePic = propic;
  const bigDickRick = RickyKyle;
function App(props) {
  
  kembali (
  
    <div className="App">
      <h1 className='heading-1'>Jangan Sekali-kali Terlepas Hari Lahir!</h1>
      <aside className='aside-1'>Berikut ialah Hari Lahir beberapa orang Kegemaran saya!</aside>
    <Accordian />
    <span>
     <img src={gus} alt=''/>
    </span>
    <span>
    <img src={dadMatt} alt='ayah ' />
    </span>
    <span>
    <img src={daveDaDon} alt=''/>
    </span>
    <span>
    <img src={profilePic} alt=''/>
    </span>
    <span>
    <img src={bigDickRick} alt=''/>
    </span>
    
    </div>
  );
}

Saya telah mencuba menggunakan require dalam atribut src dan menamakan fail menggunakan pembolehubah const.

Answer 1

Bolehkah anda tunjukkan kesilapan anda kepada kami? Apakah maknanya? Selain itu, dalam baris keempat kod yang anda tampal, anda terlupa './'. Sila gunakan ini sebagai gantinya

import DavidDaDon from 'DavidDaDon.png';

Ia sepatutnya kelihatan seperti ini

import DavidDaDon from './DavidDaDon.png';