Это работало, но затем я добавил TS в Vue и попал в следующую проблему: < /p>
my router.ts: < /p>
import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import TicketsList from './../pages/TicketsList.vue'
import UserCart from './../pages/UserCart.vue'
const routes: Array = [
{ path: '/', redirect: '/tickets' },
{ path: '/tickets', component: TicketsList },
{ path: '/cart', component: UserCart },
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
export default router
< /code>
и мой компонент: < /p>
import { onMounted, computed } from 'vue';
import { useStore } from 'vuex';
import TicketItem from '../components/tickets/TicketItem.vue';
console.log(111);
const store = useStore();
const tickets = computed(() => store.getters['ticket/tickets']);
onMounted(() => {
console.log(store);
store.dispatch('ticket/getTickets');
store.dispatch('cart/getCart');
});
< /code>
my app.ts: < /p>
import {createApp} from 'vue';
import App from './App.vue';
import {createStore} from "vuex";
import router from "./router";
import Tickets from "./components/store/tickets";
import Cart from './components/store/cart';
const app = createApp(App);
const store = createStore({
modules: {
ticket: Tickets,
cart: Cart,
},
});
app.use(router);
app.use(store);
app.mount('#app');
< /code>
Не уверен, что не так, получила эту ошибку в Vue Devtools ничего в консоли.
Кто -то может помочь, пожалуйста?
также использует Webpack, но не думайте об этом есть что -нибудь с этим.
Подробнее здесь: https://stackoverflow.com/questions/793 ... ith-router
