[React] Module not found... 에러 해결 방법

발생 에러

Module not found: Error: You attempted to import ../../../public/assets/css/login.css which falls outside of the project src/ directory. Relative imports outsde of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_moules/.

 

---

에러 원인

create-react-app(CRA)에서 컴파일은 src 내부에서만 일어나는데, 이때 js에서 import 된 이미지와 같이 엮여 있는 파일들은 모두 컴파일 대상임

따라서 해당 파일을 js 파일에 import 해오는 경우라면 src 폴더 내부에 있어야 함 (public 폴더는 CRA를 배포했을 때 실제 서버에 배포되는 폴더)

 

---

해결 방법

import 해야하는 public 폴더를 src 폴더 내부로 이동시키기

 

 

---

참고 자료 https://velog.io/@mooongs/React-%EC%9D%B4%EC%8A%88-%ED%95%B4%EA%B2%B0-%EB%A1%9C%EA%B7%B8