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

Question

[UserOcheck Ochecovich]

Использую 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>

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


Естественно, при нажатии выводимые 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')

Хелпаните, кто может, пожалуйста. Целый день сижу и голову ломаю, проблема в какой-нибудь мелочи, которую я либо заметить не могу, либо еще не понял

Answer 1

[Алексей Ярков]

Почему вы упорно не хотите открыть документацию?

Comments

[UserOcheck Ochecovich]

Я заходил на это руководство, применял оттуда некоторые методы, но все равно ничего не получается. Можете, пожалуйста, вкратце объяснить, что здесь происходит не так?

[Алексей Ярков]

UserOcheck Ochecovich, по ссылке всё написано. Сделайте в точности как в примере, обращая внимание на версии vue и vue-router.

[UserOcheck Ochecovich]

Алексей Ярков, Спасибо большое. Вся проблема в версии. Теперь все работает!