반응형
리액트를 하다가 파일 임포트를 할 때 absolute path 설정을 해주면 가끔 저런 에러가 뜬다.
분명 파일 위치를 제대로 정해줬는데 왜 못찾는다고 난리일 까...
원인을 알아보니 망할 vscode의 자동완성 때문이였다.
나는 위에처럼 Root라는 컴포넌트를 임포트하고 싶었는데 vscode가 자동으로 위와같이 경로를 만들어 주었다.
허나 확인해보니 실제 경로는 아래처럼 되어있다.
무엇이 문제인지 진짜 한참 고민하다가 겨우 알았다...
실제 경로는 'routes/root' 가 아니라 'routes/Root' 라는 것을...
vscode는 소문자로 찾아서 임포트 해주었지만 실제로는 대문자를 적어줘야 했던 거다
맨날 android studio같은 갓IDE만 쓰다가 vscode 쓰니깐 화병나 미춰버리긋네....
반응형
'React' 카테고리의 다른 글
초 간단 Redux 사용법 (0) | 2022.11.08 |
---|---|
Framer 애니메이션 배우기 (0) | 2022.11.01 |
useHref() may be used only in the context of a <Router> component. (0) | 2022.09.19 |
Objects are not valid as a react child 해결법 (0) | 2022.09.19 |
React Router v6.4 튜토리얼 배우기 (1) | 2022.09.16 |
댓글