Realmente necesito ayuda con esto. No puedo enviar ninguna acción desde el archivo index.ts del enrutador.

El índice de mi tienda es así:

 import { createStore } from "vuex"; import { actions } from "./actions"; import { getters } from "./getters"; import { mutations } from "./mutations"; // ...other code here for state and types etc... export const store = createStore<State>({ state, actions, getters, mutations, });

El archivo Main.ts lo tiene así:

 import {store} from "./store"; const app = createApp(App).use(router).use(store); // ...other code ...

En el enrutador, tengo un lado beforeEach In antes de cada uno si uso algo como:

 import { store } from "../store"; // ...other code... router.beforeEach((to, from, next) => { // ...other code ... store.dispatch(ActionTypes.SignIn); // ...other code ... }

Recibo este error [vuex] tipo de acción desconocido: Iniciar sesión

La sintaxis es correcta, supongo, ya que funciona en archivos .vue. Por favor ayuda, déjame saber qué estoy haciendo mal aquí. He visto algunos ejemplos de Vue 2 que funcionan, pero Vue 3 y Vuex 4 no funcionan para mí. Puedo compartir más detalles en el código si es necesario. Gracias por adelantado. Si funciona para mí, votaré y aceptaré su respuesta :) Si alguien puede probar este mismo escenario localmente, hágamelo saber con un ejemplo.