如何在使用Vuex mapGetters时修复TypeScript错误？

import { Component, Vue } from 'vue-property-decorator';
import { mapGetters } from 'vuex';
import { RootState } from '@/store/types'; // RootState是根状态的类型定义，根据实际情况修改路径

@Component({
  computed: {
    ...mapGetters('moduleName', ['getterName']) // 替换moduleName和getterName为实际的模块名和getter名
  }
})
export default class MyComponent extends Vue {
  // 组件逻辑
}

import { GetterTree } from 'vuex';
import { RootState } from '@/store/types'; // RootState是根状态的类型定义，根据实际情况修改路径

export const getters: GetterTree<ModuleState, RootState> = {
  getterName: (state) => {
    // getter逻辑
    return state.someValue;
  }
};

import { ModuleState as ModuleStateA } from '@/store/moduleA/types'; // 根据实际情况修改路径
import { ModuleState as ModuleStateB } from '@/store/moduleB/types'; // 根据实际情况修改路径

export interface RootState {
  moduleA: ModuleStateA;
  moduleB: ModuleStateB;
  // 其他模块的类型声明
}

{
  "compilerOptions": {
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    // 其他选项
  }
}