npm run devで「npm ERR! peer vue@”^2.0.0″ from vuex-persistedstate@2.7.1」

今回はnpm run devを叩いたときに下記のエラーが出たときの対処法についてご紹介していこうと思います。

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を叩いたときに冒頭のエラーが出たときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

直接契約ができるフリーランスエージェント「エンハンス」を立ち上げました。
詳しくは下記LPをご参照ください。
https://enhance.decryption.co.jp/

Youtubeチャンネル開設いたしました。
チャンネル登録者1000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw






Nuxt.js

Posted by ちこ