在 'vuex' 中找不到导出 'createStore'

问题描述

在使用 vuex 的时候，有时候会出现找不到 createStore 的错误。

例如：

Uncaught TypeError: Cannot read property 'createStore' of undefined

问题原因

这个错误一般都是由于没有正确引入 vuex 导致的。

在 vuex 4.0 版本中，createStore 被拆分成了两个部分：@vuex/core 和 @vuex/reactive。需要根据具体需求进行导入。

如果使用的是 Vue3，需要在 main.js 或 app.js 中引入：

import { createStore } from 'vuex';

如果使用的是 React，需要在 App.js 中引入：

import { createStore } from '@vuex/reactive';

同时，在 package.json 中也需要安装 @vuex/core 或 @vuex/reactive，具体安装命令如下：

npm install @vuex/core 

或

npm install @vuex/reactive

解决方法

正确引入 createStore 即可解决该问题。

import { createStore } from 'vuex';

const store = createStore({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

import { createStore } from '@vuex/reactive';

const store = createStore({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  }
})

总结

如果出现找不到 createStore 的错误，要先检查是否正确引入了 vuex 库。如果已经正确引入，还需要检查是否使用了正确的库函数。