web-dev-qa-db-ja.com

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 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');

some-component.js：

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

現在、2つの問題があります。

  1. まず、コンソールに警告が表示されます

「エクスポート「デフォルト」（「ストア」としてインポート）が「./store」で見つかりませんでした

  1. もう1つの問題は、stateが定義されていないことです。

Uncaught TypeError：未定義のプロパティ「状態」を読み取ることができません

私はこれに非常に新しいです、そして私は何かを逃しているかもしれませんので、ご容赦ください。私は何が欠けていますか？

vuejs2vue.jsvuex
11
Kakar

Store.jsで：

export default new Vuex.Store({ の代わりに export const store = new Vuex.Store({

または@dfsqが言ったようにimport {store} from './store';

17
Traxo