Vuejs2 Vuex存储状态未定义

Vuejs2 Vuex存储状态未定义,vuejs2,vue.js,vuex,Vuejs2,Vue.js,Vuex,我正试图通过以下方式将Vuex(^2.1.3”)与vuejs(^2.1.10”)项目一起使用: store.js: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export const store = new Vuex.Store({ state: { inTheaters: [ { name: 'Resident Evil: The

我正试图通过以下方式将
Vuex(^2.1.3”)
vuejs(^2.1.10”)
项目一起使用:

store.js:

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',
            },
        ]
    },
});
main.js:

import store from './store';

new Vue({
    router,
    components: {App},
    template: '<App/>',
    store,
}).$mount('#app');
从“/store”导入存储;
新Vue({
路由器,
组件:{App},
模板:“”,
商店,
}).$mount(“#app”);
some-component.js:

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

导出默认值{
名称:“movieListWrapper”,
道具:{
电影类型:{
类型:字符串,
默认值:“在theateras中”,
},
},
计算:{
电影演员(){
返回此。$store.state.inTheaters;
}
},
}
我现在有两个问题:

  • 首先,我在控制台中收到一条警告
  • 在“/store”中找不到导出“default”(作为“store”导入)

  • 另一个问题是未定义
    状态
  • 未捕获的TypeError:无法读取未定义的属性“state”

    我对这个很陌生,可能我错过了一些东西,请原谅。我错过了什么?

    在你的商店。js:

    export default new Vuex.Store({
    而不是
    export const Store=new Vuex.Store({

    或者正如@dfsq所说的,
    从“/store”导入{store};

    //state.js

    export const store = new Vuex.Store({
    
        state :{
             title :"Welcome in Vuex Tutorials By SK Islam"
        }
    
    });
    
    然后在main.js中,请以这种方式导入存储

    import {store} from "./store/state";
    

    {store}//这很重要。

    尝试
    导出默认的新Vuex.store({
    而不是
    导出const store=new Vuex.store({
    在你的store.js中?或者
    从'/store'导入{store});
    是的!我两种方法都试过了,都找到了答案。谢谢大家。