TS2307: Cannot find module '@/components/*' or its corresponding type declarations.

https://typescript.nuxtjs.org/

 

 

 

Typescript를 사용하여 Nuxt.js를 이용하다보면 다음과 같은 오류와 마주할 수 있습니다.

TS2307: Cannot find module '@/components/PostList' or its corresponding type declarations.

 

 

 

 

https://typescript.nuxtjs.org/guide/setup.html#configuration

Setup

typescript nuxt에서는 위 와같이 설정하는 것을 문서로 표기되어 있으며, 

vue-shim.d.ts 파일을 이용해 typescript가 .vue 확장자를 이해하는데 도움을 주게끔 설정을 해야합니다.

 

 

 

 

 

 

 

하지만 해당 파일을 추가해도 계속해서 오류가 난다면 import 하는 부분에 다음과 같이 명시되어 있다고 가정한다면

import Example from "@/components/Example"

 

 

.vue 까지 확장자를 작성하여 호출하여 주시면 오류없이 동작하는 것을 확인할 수 있습니다.

import Example from "@/components/Example.vue"