我正在使用Visual Studio Code中的Vue和Typescript以及Vetur扩展。问题是:当我更新任何代码时,intellisense在.vue
文件中工作时无法识别这些更改。在.ts
文件中,intellisense正在工作!
我使用此定义文件,以便typescript识别.vue
文件扩展名:
declare module "*.vue" {
import Vue from "vue";
export default Vue;
}
实施例
test.ts刚刚更改
export default class Test {
// testFunction() {} // just removed this
dummyFunction() {} // added this
}
app.vue intellisense无法正常工作
在任何.vue
文件中,intellisense一直建议使用testFunction并且不识别dummyFunction:
import Test from "./test"
export default class App extends Vue {
created() {
const t = new Test()
t.testFunction() // allowed - but it doesn't exist
t.dummyFunction() // not allowed - but it does exist
}
}
somefile.ts intellisense正在运作
在普通的.ts文件中,智能感知有效。
import Test from "./test"
const t = new Test()
t.testFunction() // here it works - this is not allowed
t.dummyFunction() // here it works - this is allowed
如果我关闭VS Code并重新打开,则会更新新的更改。这是一个Vetur故障吗?我是否需要更改我的tsconfig或定义文件?