[JavaScript知识库] 模块 ““vuex““ 没有导出的成员 “createStore“。你是想改用 “import createStore from “vuex““ 吗

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 模块 ““vuex““ 没有导出的成员 “createStore“。你是想改用 “import createStore from “vuex““ 吗 -> 正文阅读

[JavaScript知识库]模块 ““vuex““ 没有导出的成员 “createStore“。你是想改用 “import createStore from “vuex““ 吗

我的store/index.ts

import { createStore } from "vuex";

interface State {
  userName: string;
}

export default createStore({
  state: {
    userName: "小米",
  },
});

我的main.ts

import { createApp } from "vue";
import App from "./App.vue";
import "./index.css";
import router from "../router/index";
import vuex from "../store/index";

// createApp(App).mount("#app");
const app = createApp(App);

app.use(router);
app.use(vuex);
app.mount("#app");

这是因为您已经通过运行安装了 Vuex 版本 3.x：npm install --save vuex

卸载它:npm uninstall --save vuex/cnpm uninstall --save vuex

然后通过运行以下命令安装与 vue 3 兼容的版本 4：