мои компоненты vue работают нормально, но когда я хочу это сделать с vue router, он не может найти компонент






Проблема в этом коде
{path:'home,component:MyHome}
Итак, причина ошибки в том, что нет переменной MyHome, которая правильно удерживает какой-либо компонент. Вы просто регистрируете свой компонент с помощью Vue.Component, который напрямую регистрирует ваш компонент.
Решение
Итак, теперь для решения этой проблемы, как сказал Джон, импортируйте свой компонент и сохраните его в переменной, а затем передайте эту переменную в свой маршрут, как показано ниже.
import MyHome from "./components/MyHome.vue"
{path:'home,component:MyHome}
обратите внимание "" Маршруты @Karan Sadana: [ { path: '/home', component: component:MyHome }]
@MahdiBahari Я просто показываю ему только домашний путь, не включая этот квадратный баракетс '[]'
Попробуйте, как показано ниже.
component: Vue.component("Home", require("./Myhome").default)
Вам не нужно импортировать его таким образом.
Надеюсь, поможет.
Vue.component глобально импортирует компоненты для использования во всем приложении, в этом случае я думаю, что vue-router не получает компонент MyHome, пытаясь импортировать его в app.js
import MyHome from "./components/MyHom.vue"сейчас в