"TypeError: this.types不是一个函数“时使用”vuex-orm-装饰器“。

Question

我正在尝试使用https://github.com/scotley/vuex-orm-decorators#readme的npm包“vuex-orm-decorators”。

当我尝试插入DB时，我会得到错误的TypeError: this.types is not a function

实体看起来像这样

import { Model } from "@vuex-orm/core";
import { NumberField, OrmModel, StringField } from "vuex-orm-decorators";

@OrmModel("races")
export default class Race extends Model {
  @NumberField()
  public ID!: number;

  @StringField()
  public Name!: string;
}

商店看起来是这样的：

import Vue from "vue";
import Vuex from "vuex";
import { ORMDatabase } from "vuex-orm-decorators";

Vue.use(Vuex);

export default new Vuex.Store({
  .
  .
  .
  plugins: [ORMDatabase.install()]
});

还有，也许这是条线索..。在Vuex-Orm中，this.setters返回一个值，而this.setters('all')返回的是未定义的值。

/**
 * Get all records.
 */
Model.all = function () {
   return this.getters('all')();
};

从未定义的基本字段和函数来看，vuex-orm数据库的设置似乎不正确。有什么想法吗？

我试着为vuex-orm装饰师创建一个堆栈溢出标记，但我还没有达到1500，所以我只是把它标记为vuex-orm。

Answer 1

vuex-orm-装饰工包在Vuex 单表继承文档中定义的types函数的实现中存在一个小错误。

我创建了一个分叉，在其中我修复了这个简单的问题，并创建了一个拉请求来更新原始包。

最后，我必须指出，从我对这个包的微小深入来看，它还没有为Vuex-ORM中构建的表继承特性做好充分的准备，但是对于简单的用例来说仍然是很棒的。