Vuex4 - 未定義のプロパティにアクセスできません (「状態」にアクセス)

Question

Vue3 と Vuex4 を使用していますが、次のエラーが発生し続けます:

Uncaught TypeError: 未定義のプロパティを読み取ることができません (「状態」を読み取ります)
    ReactiveEffect.eval [as fn] (App.vue?3dfd:36​​)
    ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160) で
    ComputedRefImpl.get 値 [値として] (reactivity.esm-bundler.js?a1e9:1087)
    セットアップ時 (App.vue?3dfd:37)
    callWithErrorHandling で (runtime-core.esm-bundler.js?5c40:6656)
    setupStatefulComponent で (runtime-core.esm-bundler.js?5c40:6272)
    setupComponent で (runtime-core.esm-bundler.js?5c40:6228)
    mountComponent で (runtime-core.esm-bundler.js?5c40:4081)
    processComponent で (runtime-core.esm-bundler.js?5c40:4056)
    パッチ (runtime-core.esm-bundler.js?5c40:3651)

アプリケーション全体で使用するメッセージ変数として「hello」を設定したいのですが、ここに私の main.js ファイルがあります:

import { createApp} from 'vue'
「./App.vue」からアプリをインポート
「./router」からルーターをインポートします
'vuex' から { createStore } をインポートします。


const ストア = createStore({
  州（）{
    戻る{
      メッセージ: 「こんにちは」
    }
  }
})


createApp(App).use(router, store).mount('#app')

これは私の App.vue ファイルであり、計算関数と合成 API を使用してそれを受信しようとしています。

import { ref, computed } from 'vue'
「vuex」からインポート { useStore }

デフォルトのエクスポート {
  名前: 'アプリ'、
  設定（）{
    const ストア = useStore();

    const message = computed(() =>store.state.message);
    コンソール.ログ(メッセージ.値);

    戻る{ }
  }
}

Answer 1

使ってみてください:

リーリー