Nuxt 和 vuex-persist：npm 错误！代码 ERESOLVE

Question

安装 npm install --save vuex-persist 后使用 npm up 时出现以下错误，这个包和我的配置有什么问题？

我正在使用 Nuxt ^2.15.8。

❯ npm up
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"*" from @nuxtjs/[email protected]
npm ERR!   node_modules/@nuxtjs/auth-next
npm ERR!     @nuxtjs/auth-next@"5.0.0-1643791578.532b3d6" from the root project
npm ERR!   peer vue@"^2.6.4" from [email protected]
npm ERR!   node_modules/vuetify
npm ERR!     vuetify@"^2.6.3" from the root project
npm ERR!     vuetify@"^2.6" from @nuxtjs/[email protected]
npm ERR!     node_modules/@nuxtjs/vuetify
npm ERR!       dev @nuxtjs/vuetify@"^1.12.3" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! vuex-persist@"^3.1.3" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: [email protected]
npm ERR! node_modules/vue
npm ERR!   peer vue@"^3.0.2" from [email protected]
npm ERR!   node_modules/vuex
npm ERR!     peer vuex@">=2.5" from [email protected]
npm ERR!     node_modules/vuex-persist
npm ERR!       vuex-persist@"^3.1.3" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/me/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/me/.npm/_logs/2022-02-28T11_06_47_549Z-debug-0.log

这个问题可以这样重现：

npm init nuxt-app foo
cd foo
npm install --save vuex-persist
npm up

Answer 1

我最终通过在 package.json 中设置 "vuex": "<4" 修复了它：

  "dependencies": {
    ...,
    "vuex": "<4"
  }