問題
mapStateを使って、stateをコンポーネントで使おうとしたとき、
Error: [nuxt] Error while mounting app: TypeError: Object(...) is not a function
とコンソールに表示され、画面が表示されなくなった
問題のコード↓
hoge.vue
<script>
import mapState from 'vuex'
export default {
computed: mapState(`fuga`, {
isPiyo: `isPiyo`
})
}
</script>
間違ってたところ
mapStateはだけimportするときも
hoge.vue
<script>
import { mapState } from 'vuex'
~~略~~
</script>
と書かなければならななかった。
自分はてっきり{ }は
hoge.vue
<script>
import { mapState, mapAction } from 'vuex'
~~略~~
</script>
のように複数のmap〇〇ヘルパーをimportするときに使うだけだと勘違いしていた。