Vuex store state is undefined : <p>I am trying to use <code>Vuex ("^2.1.3")</code> with <code>vuejs ("^2.1.10")</code> project in this way:</p>

<p>store.js:</p>

<pre><code>import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);

export const store = new Vuex.Store({
    state: {
        inTheaters: [
            {
                name: 'Resident Evil: The Final Chapter',
                poster_url: 'https://blackgirlnerds.com/wp-content/uploads/2017/02/Resident-Evil-The-Final-Chapter-Final-Poster-Featured.jpg',
                language: 'English',
            },
            {
                name: 'Irada',
                poster_url: 'http://filmywave.com/wp-content/uploads/2017/02/irada-movie-poster-1.jpg',
                language: 'Hindi',
            },
        ]
    },
});
</code></pre>

<p>main.js:</p>

<pre><code>import store from './store';

new Vue({
    router,
    components: {App},
    template: '&lt;App/&gt;',
    store,
}).$mount('#app');
</code></pre>

<p>some-component.js:</p>

<pre><code>&lt;script&gt;
    export default {
        name: 'movieListWrapper',
        props: {
            movieListType: {
                type: String,
                default: 'in-theateras',
            },
        },
        computed: {
            movieList() {
                return this.$store.state.inTheaters;
            }
        },
    }
&lt;/script&gt;
</code></pre>

<p>I now have two problems:</p>

<ol>
<li>First is I get a warning in my console </li>
</ol>

<blockquote>
  <p>"export 'default' (imported as 'store') was not found in './store'</p>
</blockquote>

<ol start="2">
<li>The other problem is that the <code>state</code> is not defined.</li>
</ol>

<blockquote>
  <p>Uncaught TypeError: Cannot read property 'state' of undefined</p>
</blockquote>

<p>I am very new to this and may be I am missing some thing so please pardon me. What am I missing?</p>
