Javascript 无法导出vue路由器：./src/router/index.js中的警告；出口'；默认值'；在'；中找不到（作为'；VueRouter'；导入）；vue路由器&x27；

还有第二个警告：./src/main.js“export”中的警告 在“Vue”中找不到“default”（导入为“Vue”）

它向我展示了一个空白站点，路由器和服务器可能有问题 以下是my 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')

---

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

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

---

我试过了，得到了同样的警告，vue版本是4.5.12 vue和vue路由器都没有版本4.5.12