[Vuejs] 타입스크립트(Typescript) 적용, 모듈 또는 해당 형식 선언을 찾을 수 없습니다.

* 개발도구 : vs코드(VSCode)

* 운영체제 : 윈도우

 

뷰에서 타입스크립트(typescript)를 적용해 보았는데 아무 행위도 안했는데 만났던 오류 입니다.

난 그저 단지 설치하고 소스코드를 눌러서 보려고 했을 뿐 인데..

뭣이? 왜??

 

뭐...라는거지 이해가 안되었습니다.

아무것도 안했는데 저러한 오류가나니...프로젝트를 다시 생성 해 보기도하고, 캐쉬클린까지 해 보았었습니다.

좀더 당황스러운 것은 저 상황에서도 빌드나 실행은 잘 되었습니다.

 

그래서 문뜩 든 생각이 "개발 도구 설정에 문제가 있겠다" 였습니다.

 

구글링을 하여보니 역시나 위 현상은 개발도구에서의 문제로 설명하고 있으며, 개발도구가 VS코드 인 경우 만날수 있다고 나와 있습니다.

이를 해결하기 위해서는 아래 단계를 따라가도록 합니다.

 

1. Ctrl + Shift + P 를 눌러줍니다.

2. built라고 입력한 뒤에 두번째 "작업: 기본 빌드 작업 구성" 을 선택 합니다.

 

3. 그리고 @builtin 을 지우지 않는 상태에서 typecript 라고 입력합니다.

4. 마지막으로 아래 사진처럼 마우스 오른쪽 버튼을 눌러 "사용안함(작업영역)" 을 선택 합니다.

5. 그리고 "다시 로드 필요" 를 눌러 줍니다.

엥..?

 

위 현상은 개발도구인 VSCode에서 개발에 제공되는 내부 타입스크립트 플러그인과 뷰와 관련된 타입스크립트의 중첩으로 발생하는 문제라고 합니다.

이것을 해결하기 위해서 전문용어로 테이크 오버모드(Takeover mode)의 활성화를 시키면 된다는데..

활성화를 위해서는 위 사진처럼 "사용안함" 을 선택 해 주어야 합니다.

 

아직 익숙치 않고 이해가 잘 되지 않는 용어인지라 아래 출처를 남겨두겠습니다.

https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode

Using Vue with TypeScript | Vue.js

 

뷰 개발을 할 때 타입스크립트(Typescript) 적용하여 "모듈 또는 해당 형식 선언을 찾을 수 없습니다." 라는 오류가 생긴다면 위 방법을 한번 시도해봐도 좋을 것 같습니다.

궁금한점 또는 틀린 부분은 언제든 환영 입니다! 👻