Typescript 如何访问Vuex模块装饰器中存储模块文件内的Vuex存储实例+;Nuxt打字脚本?

Typescript 如何访问Vuex模块装饰器中存储模块文件内的Vuex存储实例+;Nuxt打字脚本?,typescript,nuxt.js,vuex,vuex-modules,vuex-module-decorators,Typescript,Nuxt.js,Vuex,Vuex Modules,Vuex Module Decorators,构建模块的方法有很多种 最流行的方法之一是vuex模块装饰器 那么,在哪里至少引入了两种方法呢?文献只介绍了一种方法,大多数文章都提到了它 上市的官方途径 ~/store/index.ts 从“vuex”导入{Store} 从“~/utils/store访问器”导入{initialiseStores} 常量初始值设定项=(存储:存储) store/TestStoreModule.ts import { Module, VuexModule, Mutation } from "vue

构建模块的方法有很多种

最流行的方法之一是vuex模块装饰器

那么,在哪里至少引入了两种方法呢?文献只介绍了一种方法,大多数文章都提到了它

上市的官方途径 ~/store/index.ts
从“vuex”导入{Store}
从“~/utils/store访问器”导入{initialiseStores}
常量初始值设定项=(存储:存储)

store/TestStoreModule.ts

import { Module, VuexModule, Mutation } from "vuex-module-decorators";
import store from "./index";

@Module({
  name: "TestStoreModule",
  namespaced: true,
  dynamic: true,
  store
})
export default class TestStoreModule extends VuexModule {

  private count: number = 0


  @Mutation
  public increment(delta: number): void {
    this.count += delta
  }
  @Mutation
  public decrement(delta: number): void {
    this.count -= delta
  }

  public get currentCount(): number {
    return this.count;
  }
}
但在生产构建之后,我在控制台中显示了以下错误:

 ERROR  [nuxt] store/index.ts should export a method that returns a Vuex instance. 

我不能回答所有这些问题的原因,但我会尽力帮助你

首先,您是对的,Nuxt在其核心实现了Vuex。这就是为什么您有一些why's。例如,您可以在Nuxt文档中找到
插件的定义
常量

其次,为了理解如何编写vue+类型脚本,我建议阅读这篇文章。它不包括vuex模块装饰器的使用,而是介绍vuex simple。此外,它对引导新项目非常有用

我希望这能帮助你提高理解力

 ERROR  [nuxt] store/index.ts should export a method that returns a Vuex instance.