Vue3+Vite项目引入vuex@next报错无createStore导出该如何解决

该报错通常由以下三类原因导致：

• Vite依赖预构建缓存未更新，加载了旧版本的Vuex缓存文件
• 安装的Vuex版本不匹配Vue3要求，Vue3仅支持Vuex 4.x及以上版本，低版本Vuex不存在createStore导出
• store.js文件导出语法和main.js导入语法不匹配

1. 优先清除Vite预构建缓存，重启项目
   直接删除项目根目录下的node_modules/.vite文件夹，或者启动项目时追加强制重构缓存参数：

yarn dev --force

2. 校验并重装匹配版本的Vuex
   打开项目package.json文件查看vuex依赖版本，若版本低于4.x，执行以下命令重装正确版本：

yarn remove vuex
yarn add vuex@4 --save

3. 核对导入导出语法
   检查store.js文件末尾的导出写法：

• 若你用的是命名导出：export const store = createStore({...})，main.js的导入写法import { store } from "./store.js"是正确的
• 若你用的是默认导出：export default store，需要把main.js的导入写法修改为import store from "./store.js"，去掉解构的花括号

内容的提问来源于stack exchange，提问作者user16732355