Vue js：创建钩子时出错：“TypeError：无法读取未定义的属性'dispatch'”答案

【问题标题】：Vue js : Error in created hook: "TypeError: Cannot read property 'dispatch' of undefined"Vue js：创建钩子时出错：“TypeError：无法读取未定义的属性'dispatch'”
【发布时间】：2020-04-13 15:30:23
【问题描述】：

我正在编写的学习应用程序出现错误提示以及此错误Error in render: "TypeError: Cannot read property 'getters' of undefined"，我的代码如下

我确保所有内容都正确导入，但仍然出现此错误，我在这里遗漏了什么吗？

Main.js

   import Vue from 'vue';
import App from './App.vue';
import VueRouter from 'vue-router';
import { routes } from './routes.js';
import { store } from './store/store.js';

Vue.use(VueRouter);

const router = new VueRouter({
  routes,
  mode: 'history'
});

new Vue({
  el: '#app',
  store,
  router,
  render: h => h(App)
});

App.vue

<template>
  <div class="container">
    <app-Header></app-Header>
    <router-view></router-view>
  </div>
</template>

<script>
import Header from "./components/Header.vue";
import store from "./store/store.js";
export default {
  created() {
    this.$store.dispatch("initStocks");
  },
  components: {
    appHeader: Header
  }
};
</script>

<style></style>

【问题讨论】：

标签： vue.js vuex

【解决方案1】：

我需要将这个从 import { store } from './store/store.js'; 更正为 import store from './store/store.js';

【讨论】：