ERR일기) None of these files exist:

  7 |
  8 |
  9 | export default function MainPage() {
Unable to resolve module ../components/Loading from E:\sparta-study1\sparta-honeytip-codeminy\pages\MainPage.js: 

None of these files exist:
  * components\Loading(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * components\Loading\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)   
  4 | import data from '../data.json';
  5 | import Card from '../components/Card';
> 6 | import Loading from '../components/Loading';
    |                      ^
  7 |
  8 |
  9 | export default function MainPage() {None of these files exist:
  * components\Loading(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * components\Loading\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)   
  4 | import data from '../data.json';
  5 | import Card from '../components/Card';
> 6 | import Loading from '../components/Loading';
    |                      ^
  7 |
  8 |
  9 | export default function MainPage() {
Unable to resolve module ../components/Loading from E:\sparta-study1\sparta-honeytip-codeminy\pages\MainPage.js: 

None of these files exist:
  * components\Loading(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * components\Loading\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)   
  4 | import data from '../data.json';
  5 | import Card from '../components/Card';
> 6 | import Loading from '../components/Loading';
    |                      ^
  7 |
  8 |
  9 | export default function MainPage() {

또 에러를 만났다.

components에 loading.js파일을 만들어 넣었는데 이게 문제였다.

처음부터 올바르게 파일을 만들어야한다. rename으로 이름을 바꿨더니 인식을 못한다.

loading.js를 삭제하고 Loading.js라고 다시 만들어서 써넣었더니 해결됐다.

 

 

처음엔 에러메시지가 떠도 무슨소린가 헤맸는데 이제는 좀 익숙해졌다. 에러를 풀어나가는 과정도 좀 쉬워진듯하다.