🐥

Vuexでunknown action typeが出たら。

2022/07/31に公開

完全に備忘録です。

結論

バージョンを確かめる。
vue2の環境では、vuexのバージョンは3です。
vuex4でも動きはしますが、unknown action typeと表示されることがあります。
npm install vuexだけだと自動で4がインストールされるので、バージョン指定してあげる必要があります。

正解

Vue2を使っているなら、Vuex3を入れる。
npm install vuex@3

なにが起きたか

ログイン機能を追加しようと、vuexを導入しました。
そしたら、unknown action typeとコンソールに表示されるではありませんか!

顛末

いろいろ調べると、storeのモジュール化が正しくないみたいな、書き方が違うよ~っていう感じの情報が見受けられました。
しかし、正しい書き方しても治らんぞ!となり、公式ドキュメントを見てみると、

これは、Vue 3 で動作する Vuex 4 のためのドキュメントです。Vue 2 で動作する Vuex 3 のドキュメントをお探しの方は、こちらをご覧ください。

Vue 3で動作すると書いてあります。
なので、Vuex4はVue2では使えない...?と推理して、Vuex3にダウングレードしたら使えました。

npmを過信しない

npmを過信せずにそれぞれの環境で動くバージョンを調べてから入れましょう。

Discussion