[React] 이미지파일 Module not found

Module not found: Can't resolve 'public/favicon.ico' in '/Users/choisuhyeok/project/helmettest/src'

public 폴더에 있는 favicon.ico 이미지 파일을 import 해서 사용하려는데 이러한 에러 문구가 떴다...

분명 경로는 맞는 거 같은데 왜 Module not found가 뜨는 것인가...

 

react에서 이미지 경로 문제 글을 보고 해결 할 수 있었다.

js파일에 import하거나 css 파일에서 background로 사용되는 경우 모두, 컴파일 시 이미지 자체도 포함되어 진행되기에 발생하는 이슈인 듯합니다.
그러나 Img 태그의 src는 컴파일이 완료된 이후에 public/index.html기준으로 이미지를 불러옵니다.
creat-react-app에서 import로 엮인 js, css, img등등의 컴파일은 src파일 안에서만 이뤄진다는 사실을 잊지 않으면, import오류는 발생하지 않을 듯하네요^^

 

그렇다... 나의 이미지 파일은 src폴더가 아닌 public 폴더에 있던 것이다.

 

폴더 구조

 

public에 있는 favicon.ico 이미지 파일을 src에 image폴더를 추가해서 이동시켜주니 해결이 되었다.

 

src폴더로 이미지 파일 이동