Javascript 在实现Vuex模块后，我的所有getter和变体都停止工作

我目前正在实施Vuex，并决定实施模块

在此之前，一切都正常工作，Vuex管理状态没有任何问题

在我阅读过的所有教程和观看过的视频中，人们只需简单地实现模块和他们的应用程序就可以立即正常工作，无需任何额外的配置

然而，在我的应用程序中，所有调用的突变现在都抛出了一个错误，它们无法从未定义的数据读取

import store from "./store";

new Vue({
  store,
  el: "#app",
  components: { App },
  template: "<App/>"
});

以下是我的配置示例：

更新：巴斯·范·迪克的回答非常有价值，但问题实际上不同——在codesandbox中，我不允许上传整个应用程序，因此，我无法正确地将其关联起来。但是为了让这篇文章有一些价值，我将解释基本上发生了什么

我试图在模块之间进行交互，而不将它们导入要使用的地方，因此我的一个模块试图操纵另一个模块的值，而实际上它并不在那里

---

发生这种情况是因为我必须分离最初的Vuex对象，它本身就是一个大对象。对于任何阅读本文的人来说，一个好的结论是——始终从缩放开始，缩放一个已经分离的配置要比拥有一个单一的数据（您必须手动分离）容易得多

你没有在main.js中导入你的商店。因此它是未定义的

import store from "./store";

new Vue({
  store,
  el: "#app",
  components: { App },
  template: "<App/>"
});

我还将您的店铺出口更改为

export default new Vuex.Store({
  modules: {
    Stake
  }
});

---

请参见

我的道歉，现在一切就绪，您可以重新创建此问题