ts报错, 类型别名“gettersType”循环引用自身

Question

import { createStore } from 'vuex'
const state = {
  num: 0
}
type stateType = typeof state
const getters = {
  getA(state: stateType, getters: gettersType) {

  }
}






type gettersType = typeof getters
export default createStore({
  state,
  mutations: {},
  actions: {},
  modules: {},
  getters
})

Answer 1

import type { GetterTree } from "vuex";
import { createStore } from "vuex";

export interface State {
    num: number;
}

export interface Getters extends GetterTree<State, State> {
    getA (state: State, getters: { [K in keyof Getters]: ReturnType<Getters[K]> }): unknown;
}

const state: State = {
    num: 0,
};

const getters: Getters = {
    getA (state, getters) {},
}

export default createStore({
    state,
    getters,
})

Answer 2

你给下面换个名字不就完事了

Answer 3

interface State {
    num: number;
}

const state: State = {
    num: 0
}

interface GetterType {
    getA(state: State, getters: GetterType): void
}

const getters: GetterType = {
    getA(state: State, getterIns: GetterType) {
        //Todo
    }
}