Nuxt.jsで「”export ‘useStore’ was not found in ‘vuex’」
今回はNuxt.jsでComposition APIを使用しようとした際に「"export 'useStore’ was not found in 'vuex’」というエラーが出てしまったときの対処法についてご紹介していきます。
Nuxt.jsのバージョンは2.18.1となります。
Nuxt.jsで「"export 'useStore’ was not found in 'vuex’」
結論から言うとVue3用のVuexではuseStoreが提供されている一方で、Vue2のVuexにはuseStore が存在しないことが原因となります。
Vue2ではuseStoreの代わりにthis.$storeを使う必要があります。
しかしVue2でComposition APIを使おうとするとVueインスタンス(this)にアクセスすることはできないため、少し異なるアプローチが必要となります。
具体的にはinjectメソッドを使用する方法を使うことになりますが、一旦こちらでは省略させていただきます。
終わりに
今回はNuxt.jsでComposition APIを使用しようとした際に「"export 'useStore’ was not found in 'vuex’」というエラーが出てしまったときの対処法についてご紹介いたしました。