npm run devで「npm ERR! peer vue@”^2.0.0″ from vuex-persistedstate@2.7.1」
今回はnpm run devを叩いたときに下記のエラーが出たときの対処法についてご紹介していこうと思います。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vuex-persistedstate@2.7.1 npm ERR! Found: vue@3.4.27 npm ERR! node_modules/vue npm ERR! peer vue@"^3.3.4" from @nuxt/vite-builder@3.11.2 npm ERR! node_modules/@nuxt/vite-builder npm ERR! @nuxt/vite-builder@"3.11.2" from nuxt@3.11.2 npm ERR! node_modules/nuxt npm ERR! nuxt@"^3.11.2" from the root project npm ERR! 2 more (@nuxt/devtools, @nuxt/devtools-kit) npm ERR! peer vue@">=2.7 || >=3" from @unhead/vue@1.9.10 npm ERR! node_modules/@unhead/vue npm ERR! @unhead/vue@"^1.9.4" from nuxt@3.11.2 npm ERR! node_modules/nuxt npm ERR! nuxt@"^3.11.2" from the root project npm ERR! 2 more (@nuxt/devtools, @nuxt/devtools-kit) npm ERR! 14 more (@vitejs/plugin-vue, @vitejs/plugin-vue-jsx, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^2.0.0" from vuex-persistedstate@2.7.1 npm ERR! node_modules/vuex-persistedstate npm ERR! vuex-persistedstate@"^2.5.4" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@2.7.16 npm ERR! node_modules/vue npm ERR! peer vue@"^2.0.0" from vuex-persistedstate@2.7.1 npm ERR! node_modules/vuex-persistedstate npm ERR! vuex-persistedstate@"^2.5.4" 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 /root/.npm/eresolve-report.txt for a full report. |
Node.jsのバージョンは16.20.2で、Nuxt.jsのバージョンは3.11.2です。
npm run devで「npm ERR! peer vue@"^2.0.0″ from vuex-persistedstate@2.7.1」
私はNuxt.jsのバージョンを2系から3系に上げるときにこのエラーが起きました。
結論から言うと、Nuxt3系ではvuex-persistedstateをサポートしておりません。
package.jsonでvuex-persistedstateを定義している場合は、それを取り除いてnpm installする必要があります。
Nuxt3でstoreの状態管理を永続化したい場合はvuex-persistedstateの代わりにpinia-plugin-persistなどを使う必要があるでしょう。
終わりに
今回はnpm run devを叩いたときに冒頭のエラーが出たときの対処法についてご紹介いたしました。