상황
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폴더 안으로 넣어줬더니 해결되었다.
'오류해결' 카테고리의 다른 글
| 프로젝트 브라우저 화면 내에서 이유없이 빈공간이 생긴다면 (2) | 2023.09.09 |
|---|---|
| validateDOMNesting(...): <a> cannot appear as a descendant of <a>. (0) | 2023.09.08 |
| [styled-components] props error 해결 (0) | 2023.09.07 |
| [react-query] 네트워크 요청은 한 번 콜백함수는 두 번 실행이 되는문제 (0) | 2023.08.29 |
| [netlify] Page not found가 뜬다면 (0) | 2023.08.17 |
상황
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폴더 안으로 넣어줬더니 해결되었다.
'오류해결' 카테고리의 다른 글
| 프로젝트 브라우저 화면 내에서 이유없이 빈공간이 생긴다면 (2) | 2023.09.09 |
|---|---|
| validateDOMNesting(...): <a> cannot appear as a descendant of <a>. (0) | 2023.09.08 |
| [styled-components] props error 해결 (0) | 2023.09.07 |
| [react-query] 네트워크 요청은 한 번 콜백함수는 두 번 실행이 되는문제 (0) | 2023.08.29 |
| [netlify] Page not found가 뜬다면 (0) | 2023.08.17 |
