VueJS/Typescript - '.components/Navigation' 모듈 또는 해당 유형 선언을 찾을 수 없습니다.

VueJS/Typescript - '.components/Navigation' 모듈 또는 해당 유형 선언을 찾을 수 없습니다.

스크립트를 typescript(sypes="ts")로 작성하면 다음과 같은 오류가 나타납니다.

"'.구성 요소/내비게이션' 모듈 또는 해당 유형 선언(Vetur 2307)을 찾을 수 없습니다."

이것은 언어를 ts로 설정했을 때만 발생한다는 것을 깨달았습니다.이것은 Vue 어플리케이션을 구축하기 위해서 필요한 것입니다.

app.vue

<template>
  <Navigation />
</template>

<script lang="ts">
import Navigation from './components/Navigation'; // This is where I get the error message

export default {
  name: 'app',
  components: {
    Navigation,
  }
}
</script>

내비게이션표시하다

<template>
  <div id="nav">
    <router-link to="/">Home</router-link> 
    <router-link to="/about">About</router-link> 
    <router-link to="/categories">Categories</router-link> 
    <router-link to="/random">Random</router-link>
  </div>
  <router-view />
</template>

<script lang="ts">
export default {
  name: 'Navigation',
}
</script>

에서src폴더 파일 추가shims-vue.d.ts다음 내용이 포함되어 있습니다.

Vue 2:

declare module "*.vue" {
  import Vue from 'vue'
  export default Vue
}

Vue 3:

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}

컴포넌트를 확장과 함께 Import합니다..vue:

 import Navigation from './components/Navigation.vue';

대신:

import Navigation from './components/Navigation';

언급URL : https://stackoverflow.com/questions/64213461/vuejs-typescript-cannot-find-module-components-navigation-or-its-correspon