Проблема с vue-route, ничего не работает, в чем может быть проблема?

Использую Vue3. Установил vue-router, делал все по гайдам, но почему то вылезают подобные ошибки в консоли браузера.
[Vue warn]: A plugin must either be a function or an object with an "install" function.

Failed to resolve component: router-link at <App>

Такая структура папок и файлов:
60ddf19b9fca8711277860.jpeg

Естественно, при нажатии выводимые router-link не работают, и при наведении мышкой не ведут себя как ссылка.
Вот код из App.vue

<template>
  <div id="app">
    <h1>Title</h1>
    <router-link to="/">Home</router-link> |
    <router-link to="/todos">About</router-link>
    <router-view/>
  </div>
</template>


Вот код из router.js :
import VueRouter from 'vue-router'
import Home from '@/views/Home'
import About from '@/views/About'


export default new VueRouter({
    mode: 'history',
    routes: [
        {
            path: '',
            component: Home,
        },
        {
            path: '/about',
            component: About,
        }
    ]
})


Вот код из main.js :
import { createApp } from 'vue'
import App from './App.vue'
 import router from './router'

let app = createApp(App)
app.use(router)
app.mount('#app')


Хелпаните, кто может, пожалуйста. Целый день сижу и голову ломаю, проблема в какой-нибудь мелочи, которую я либо заметить не могу, либо еще не понял
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
yarkov
@yarkov Куратор тега Vue.js
Проект "Жизнь после смерти" - lifeafterdeath.ru
Почему вы упорно не хотите открыть документацию?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы