Vue.js 3 - “在 'vuex' 中找不到导出 'createStore' ”问题解决方案

在使用 Vue.js 3 中的 Vuex 状态管理工具时，可能会遇到以下问题：

找不到导出 'createStore'。

这个问题的根源是，Vue.js 3 中的 Vuex 和 Vue.js 2 中的有一些不同。在 Vue.js 2 中，我们可以从 Vuex 中直接导入 createStore 函数：

import { createStore } from 'vuex'

但是在 Vue.js 3 中，createStore 函数被移动到了 Vuex 的子模块中。如果我们仍然按照 Vue.js 2 的方式导入 createStore 函数，就会出现上述错误。

为了解决这个问题，我们需要按照 Vue.js 3 的方式导入 createStore 函数：

import { createStore } from 'vuex/dist/vuex.esm-bundler.js'

注意，在这种方式下，我们需要使用 vuex.esm-bundler.js 这个文件，而不是之前使用的 vuex.js 文件。

完整的代码片段如下：

import { createStore } from 'vuex/dist/vuex.esm-bundler.js'

const store = createStore({
  // state、mutations、actions 等
})

export default store

在使用 Vuex 时，我们建议特别注意导入 Vuex 的方式，以免遇到类似的问题。