無法導出 vue-router：警告 in./src/router/index.js “export 'default' (imported as 'VueRouter') is not found in 'vue-router'

Question

• 還有第二個警告： warning in./src/main.js "export 'default' (imported as 'Vue') was not found in 'vue' 。

• 它向我顯示空白站點，路由器可能有問題，這是我的 App.vue 的腳本（對此不確定）：

從'@/router'導入路由器導出默認{}

這是我的 index.js：

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/home.vue'
Vue.use(VueRouter)

const routes = [
 {
    path: '/',
    name: 'home',
    component: Home
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
router.beforeEach((to, from, next)=>{
  next();
})
export default router

和 main.js：

import Vue from 'vue';
import App from './App.vue';
import router from './router';

new Vue({
    router,
    render: h => h(App)
  }).$mount('#app')

Answer 1

如果使用 Vue 路由器 4，請執行以下操作：

...
const router = VueRouter.createRouter({
...

Answer 2

我遇到了同樣的問題。這種方式可以解決。

import {createRouter, createWebHistory} from "vue-router";
const router = createRouter({
    
    history: createWebHistory(),
    routes
})

我是 vue 新手，我在 vue-router 示例中找到了它。

https://codesandbox.io/s/nested-views-vue-router-4-examples-hl326?initialpath=/users/eduardo&file=/src/router.js