Vuex4 – Auf die Eigenschaft von undefiniert kann nicht zugegriffen werden (Zugriff auf „Status“).

Question

Ich verwende Vue3 aber ich erhalte ständig die folgende Fehlermeldung:

Uncaught TypeError: Eigenschaften von undefiniert können nicht gelesen werden (liest „Status“)
    bei ReactiveEffect.eval [as fn] (App.vue?3dfd:36)
    bei ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)
    bei ComputedRefImpl.get value [als Wert] (reactivity.esm-bundler.js?a1e9:1087)
    beim Setup (App.vue?3dfd:37)
    bei callWithErrorHandling (runtime-core.esm-bundler.js?5c40:6656)
    bei setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6272)
    bei setupComponent (runtime-core.esm-bundler.js?5c40:6228)
    bei mountComponent (runtime-core.esm-bundler.js?5c40:4081)
    bei ProcessComponent (runtime-core.esm-bundler.js?5c40:4056)
    im Patch (runtime-core.esm-bundler.js?5c40:3651)

Ich möchte „Hallo“ als Nachrichtenvariable festlegen, die in der gesamten Anwendung verwendet werden soll. Hier ist meine Datei main.js

import { createApp} aus 'vue'
App aus „./App.vue“ importieren
Router aus „./router“ importieren
import { createStore } aus 'vuex';


const store = createStore({
  Zustand(){
    zurückkehren{
      Nachricht: 'Hallo'
    }
  }
})


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

Dies ist meine App.vue-Datei und ich versuche, eine berechnete Funktion und eine zusammengesetzte API zu verwenden, um sie zu empfangen.

import { ref, berechnet } aus 'vue'
importiere { useStore } aus 'vuex'

Standard exportieren {
  Name: 'App',
  aufstellen(){
    const store = useStore();

    const message = berechnet(() => store.state.message);
    console.log(message.value);

    zurückkehren{ }
  }
}

Answer 1

尝试使用：

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