vue-ts环境搭建问题

[Edwardelric]

1、vue-cli 项目搭建完成。
2、通过vuex-class的@Getter 调用定义好的 getter方法报未定义类型

import { State, Action, Getter } from "vuex-class";
@component
export default class Main extends Vue {
@Getter load: boolean; => (装饰器方式调用报错 Property 'load' has no initializer and is not definitely assigned in the constructor)
mounted() {
console.log(this.$store.getters.load); => （直接调用可以成功）
}
}

getters.ts 里面代码如下：
import { GetterTree } from "vuex";

const getters: GetterTree<any, any> = {
load(state): boolean {
const { load } = state;
return !!load;
}
}
export default getters;

tips: 试验后发现是node_modules包不一致。使用你的vue-typescript-dpapp-demo的node_modules可以正常运行，但copy 你的package.json在本地npm install后运行就报上述错误。

[DragonFlyXD]

因为typescript2.7版本以后，类的属性必须初始化，否则会报错。
在tsconfig.json里添加以下记录即可：

"compilerOptions": {
    ....
    "strictPropertyInitialization": false
  }

[itshizhan]

或者 使用类型断言 !:，赋予空值即可！
@Getter loaded!: boolean;

[foolishchow]

typescript 的 decorator 还不支持类型推导，在配合 vuex使用的时候无法通过vuex-class获得类型推导，你可以尝试下vue-typescript-util在不使用decorator的模式下获得vuex几乎全类型推导