Uncaught TypeError: Vue is not a constructor - Vuex with Vue 3

Question

我正在尝试将 Vuex 与 Vue 3 一起使用。这是我在 main.js 中的代码：

import { createApp } from 'vue';
import App from './App.vue';
import Vuex from 'vuex';

const app = createApp(App);
app.use(Vuex);

const store = new Vuex.Store({
    state: {
        counter: 0
    }
});

app.store(store);
app.mount('#app');

尝试此操作时，出现以下错误：

Uncaught TypeError: Vue is not a constructor

我试过使用官方 Vuex 文档中推荐的语法，但这也不起作用。有谁知道如何解决这个问题？

Answer 1

发生此错误是因为您正在调用 new Vuex.Store 就像 Vuex 3.

所做的那样

如果您正在使用 Vue 3，您必须通过发出以下命令安装 Vuex 4：

# npm
npm install --save vuex@next

# yarn
yarn add vuex@next

然后构建您的商店并将其“注入”到 Vue 实例，如下所示：

import { createStore } from 'vuex';
import { createApp } from 'vue';

const store = createStore({
  state () {
    return {
      count: 1
    }
  }
})

const app = createApp({ /* your root component */ });

app.use(store);

更多详细信息请参阅 Vuex 文档：

Vuex 4 for Vue 3

Uncaught TypeError: Vue is not a constructor - Vuex with Vue 3

Uncaught TypeError: Vue is not a constructor - Vuex with Vue 3

vuex

vuejs3