오류해결
[React] import 경로 이슈
Summer.dev
2023. 3. 24. 00:03
상황
pages폴더 안에 있는 컴포넌트들을 app.js에서 import하는 과정에서 오류가 났다.
에러코드
Module not found: Error: You attempted to import ../pages/PT which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.
원인
CRA에서 import로 엮인 파일들의 컴파일은 src 파일 안에서만 이뤄진다. You can either move it inside src/
public도 아니고 냅다 바깥에 폴더를 만들어버렸으니 오류가 날 수 밖에!
해결
당연하게도 src폴더 안으로 넣어줬더니 해결되었다.