Vueのページが表示されない。

Question

Vuexを使おうとしているのですが、ページが真っ白となってしまい、表示ができません。
エラーとしては、「ReferenceError: Vue is not defined」が出力されています。
Vuexの質問というより、Vue.jsの質問な気がしてしまいますが。。。

ストア用のJSです。

import Vuex from 'vuex'
Vue.use(Vuex);

// ストア
const store =  new Vuex.Store({
    state: {
        msg: 'Vuex入門'
    }
});

Viewです。

<template>
  <div id="sample">
    <h2>{{getMessage}}</h2>
  </div>
</template>

<script>
  export default {
  name: 'sample',
  computed:{
    getMessage(){
      return this.$store.state.msg
    }
  }
}
</script>

main.jsです。

import Vue from 'vue'
import App from './App.vue'
import router from './router' //追加
import store from './store/mainStore1';

Vue.config.productionTip = false

new Vue({
  router, //追加
  render: h => h(App),
  store
}).$mount('#app')

Answer 1

Vue.use(Vuex) と書かれてあるのに
import Vue from 'vue' がないので
ReferenceError: Vue is not definedになっています。

Comments

[yasutomi]

ニアミス

Answer 2

すいません。解決しました。

ストア用のjsのインポート不備でした。
Vueを使用しているにも関わらず、
Import Vue from 'vue'
をしていませんでした。