Vuex 저장소 상태가 정의되지 않았습니다.

Vuex 저장소 상태가 정의되지 않았습니다.

사용하려고 합니다.Vuex ("^2.1.3")와 함께vuejs ("^2.1.10")다음과 같이 투영합니다.

store.syslog:

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.filename:

import store from './store';

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

some-component.displaces:

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

현재 두 가지 문제가 있습니다.

1. 먼저 콘솔에 경고가 표시됩니다.

"export 'default'('store'로 표시됨)를 '.store'에서 찾을 수 없습니다.

2. 또 다른 문제점은,state정의되어 있지 않습니다.

Uncaughed TypeError: 정의되지 않은 속성 '상태'를 읽을 수 없습니다.

저는 이 일에 대해 매우 처음이고 뭔가 부족한 것이 있을지도 모르니 양해 바랍니다.제가 무엇을 빠뜨리고 있나요?

매장 내.js:

export default new Vuex.Store({대신export const store = new Vuex.Store({

또는 @dfsq의 말대로import {store} from './store';

//상태.js

export const store = new Vuex.Store({

    state :{
         title :"Welcome in Vuex Tutorials By SK Islam"
    }

});

그럼 main.js는 이 방법으로 스토어를 Import해 주세요.

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

{store}// 이것은 중요합니다.

언급URL : https://stackoverflow.com/questions/42460975/vuex-store-state-is-undefined