Module not found: Error: Can't resolve 'vuex' in '/myapp/src/store'

Question

Vue/Vuex初心者です。

こちらのページを参考にVue.jsアプリでログイン機能を作ろうとしているのですが、下記のエラーが出てしまっていて先に進めません。

./src/store/index.js
Module not found: Error: Can't resolve 'vuex' in '/myapp/src/store'

yarn add vuex でVuexのインストールは行いまして、 package.json も以下の通りです。

// package.json

"dependencies": {
  "axios": "^0.19.2",
  "core-js": "^2.6.5",
  "vue": "^2.6.10",
  "vue-router": "^3.4.2",
  "vuex": "^3.5.1"
},

エラーの該当ファイルの内容は以下の通りです。（2行目の import Vuex from 'vuex' をコメントアウトすると上記のエラーは消えます。）

// src/store/index.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    userId: "",
    userToken: ""
  },
  mutations: {
    updateUser(state, user) {
      state.userId = user.userId;
      state.userToken = user.userToken;
    }
  },
  actions: {
    auth(context, user) {
      context.commit('updateUser', user);
    }
  },
  modules: {},
})

export default store

こちらの解決方法についてなにかお心当たりがありましたらご教示ください。よろしくお願いします。

Answer 1

node_modules ディレクトリや yarn.lock など、ライブラリ関連のファイルを削除して再インストールを試みたら直りました。何かがおかしくなっていたようです...お騒がせしました。