모듈을 찾을 수 없습니다: 오류: 'DavidDaDon.png'를 확인할 수 없습니다.

Question

여기서 제가 뭘 잘못하고 있는지 잘 모르겠습니다. src 폴더에 PNG 이미지를 배치하고 필수 경로와 상대 경로를 사용하여 이미지를 참조했습니다. 미칠 것 같은 느낌이 들어요. 참고로 저는 가까운 친구, 가족들과 함께하는 생일 축하 카운트다운을 만들고 있습니다. 이미지는 결국 각자의 생일까지 카운트다운을 보여주는 아코디언이 됩니다. 카운트다운이 끝나면 대화할 수 있는 텍스트 상자가 나타납니다. 또한 작업 코드를 포함하는 Accordian 구성 요소도 만들었습니다. 어쩌면 파일을 두 번 가져온 것일까요? 아코디언 파일과 app.js 파일을 모두 가져왔습니다.

'./accordian'에서 아코디언 가져오기;
'./AugustusDaGreat.png'에서 AugustusDaGreat를 가져옵니다.
'./Dad-Matt.png'에서 DadMatt를 가져옵니다.
 'DavidDaDon.png'에서 DavidDaDon을 가져옵니다.
 './propic.png'에서 propic을 가져옵니다.
 './RickyKyle.png'에서 RickyKyle을 가져옵니다.
 
// 친구의 png 5개를 가져옵니다.
const gus = 아우구스투스DaGreat;
  const DadMatt = DadMatt;
  const daveDaDon = 데이비드DaDon;
  const profilePic = 프로픽;
  const bigDickRick = 리키카일;
함수 앱(소품) {
  
  반품 (
  
    <div className="앱">
      <h1 className='heading-1'>생일을 놓치지 마세요!</h1>
      <aside className='aside-1'>다음은 제가 가장 좋아하는 사람들의 생일입니다!</aside>
    <아코디언 />
    <스팬>
     <img src={gus} alt=''/>
    </스팬>
    <스팬>
    <img src={dadMatt} alt='아빠' />
    </스팬>
    <스팬>
    <img src={daveDaDon} alt=''/>
    </스팬>
    <스팬>
    <img src={profilePic} alt=''/>
    </스팬>
    <스팬>
    <img src={bigDickRick} alt=''/>
    </스팬>
    
    </div>
  );
}

src 속성에 require를 사용하고 const 변수를 사용하여 파일 이름을 지정해 보았습니다.

Answer 1

실수를 보여주실 수 있나요? 그것은 무엇을 말하는가? 또한 붙여넣은 코드의 네 번째 줄에서 './'를 잊어버렸습니다. 대신 이것을 사용해 보세요

으아아아

이렇게 생겼을 거예요

으아아아