如何在Vue 2.7的Nuxt项目中安装Vuex 3？

问题原因 #

Vuex 4.x是适配Vue 3的版本，目前vuex包的默认最新版为4.x，因此直接执行yarn add vuex会自动安装Vuex 4，引发与Vue 2.7的兼容问题。

解决方法 #

方法1：指定Vuex 3版本安装

执行以下命令，安装Vuex 3.x系列的最新稳定版本：

yarn add vuex@^3

也可以直接指定Vuex 3的最后一个稳定版本（推荐，避免后续意外升级到4.x）：

yarn add vuex@3.6.2

方法2：手动修改package.json后安装

1. 打开项目根目录的package.json，在dependencies中添加Vuex 3的依赖配置：

   "dependencies": {
     "nuxt": "^2.15.8",
     "vue": "^2.7.10",
     "vuex": "^3.6.2"
   }
   

2. 执行安装命令：

   yarn install
   

额外提示：Nuxt 2的内置Vuex支持

Nuxt 2本身已内置Vuex集成，你无需手动安装Vuex包，只需在项目根目录创建store文件夹，并在其中编写Vuex模块（比如store/index.js），Nuxt会自动初始化Vuex 3。如果已经错误安装了Vuex 4，先执行yarn remove vuex，再使用该内置功能即可。

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