.vue 파일에서 모듈 증강이 작동하지 않습니다.

.vue 파일에서 모듈 증강이 작동하지 않습니다.

모듈 증강(types/test.d.ts):

import Vue from 'vue'

declare module 'vue/types/vue' {
  interface Vue {
    $test: string
  }
}

(tsconfig.json)로 지정합니다.

// ...
"include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx",
    "types/*.d.ts"
  ],
// ...

그런 다음 모든 .ts 파일에서 정상적으로 작동합니다.

그러나 .vue 파일에서 컴파일 오류가 발생할 뿐입니다.

누가 나 좀 도와줄래?

tsconfig에서 types/.d.ts를 roots로 추가합니다.

다음과 같이 합니다.

"typeRoots": [
        "src/types"
    ],

(통상.d.ts 파일을 저장할 때는 @types를 사용합니다.)

언급URL : https://stackoverflow.com/questions/58297759/module-augmentation-is-not-working-in-vue-file