Vite不支持vuex

Question

我正在创建一个Vue应用程序。现在，我想在我的项目中添加vuex。Vuex是成功的，但我不能增加一家vuex商店。当我包括vuex脚本时：

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    userData: "USER!"
  },
  mutations: {

  },
  actions: {

  },
  getters: {

  }
})

export default store

我收到一个错误：

Uncaught :请求的模块‘/node_ does /..vite/vue.js?v=52de2cee’不提供名为“default”的导出。

main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from '@/router'
const app = createApp(App)
import Vuex from 'vuex'
import { store } from '@/store/users'

app.use(router)
app.use(Vuex)

app.mount('#app')

我做错什么了？非常感谢。

Answer 1

您显示的第一个代码块是Vue 2，它在Vue 3中不能工作，而Vue 3需要Vuex 4。

要在Vue 3应用程序中安装Vuex 4，请执行以下操作：

1. 安装Vuex 4： npm i -S vuex@next
2. 更新存储以使用API接口 (在下一步为app.use()创建插件)： // @/store.js从'vuex‘导出默认createStore导入{userData}({ userData："USER!“}，突变：{ }，操作：{ }，getter：{ })
3. 使用app.use()更新安装商店的主脚本： 从'@/ store‘导入存储区{ createApp }= createApp( app ) app.use(存储)

演示