无法导出 vue-router：./src/router/index.js 中的警告“在 'vue-router' 中找不到导出'default'（导入为'VueRouter'）答案

【问题标题】：Could not export vue-router: warning in ./src/router/index.js "export 'default' (imported as 'VueRouter') was not found in 'vue-router'无法导出 vue-router：./src/router/index.js 中的警告“在 'vue-router' 中找不到导出'default'（导入为'VueRouter'）
【发布时间】：2021-07-14 23:38:54
【问题描述】：

还有第二个警告：warning in ./src/main.js "export 在“vue”中找不到“默认”（导入为“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')

【问题讨论】：

标签： javascript vue.js

【解决方案1】：

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

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

【讨论】：

我试过了，同样的警告，vue版本是4.5.12
Vue 和 Vue-router 都没有 4.5.12 版本

【解决方案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

【讨论】：