typescript - การเพิ่มโมดูลไม่ทำงานในไฟล์ .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

มีใครช่วยฉันได้ไหม?

คำตอบ #1

ลองเพิ่ม types/*.d.ts ลงใน typeRoots ใน tsconfig ของคุณ

แบบนี้:

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

(โดยปกติฉันจะใช้ @types เพื่อเก็บไฟล์ .d.ts ของฉัน)