Module augmentation is not working in .vue file

user_5813516 0
Viewed 376

there is a module augmentation (types/test.d.ts):

import Vue from 'vue'

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

And include it as (tsconfig.json):

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

And then, it works fine in any .ts file:

enter image description here enter image description here

But it just gets a compile error in .vue file enter image description here

Could anyone help me?

vuejs2 typescript-typings vue-component vue.js typescript
1 Answers

Try to add types/*.d.ts to typeRoots in yout tsconfig

Like this:

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

(Normally I use @types to store my .d.ts files)

user_125410040
Related