无法导出vue路由器：中出现警告/src/路由器/索引。在“vue路由器”中找不到js“导出”默认值（作为“VueRouter”导入）

Question

>

还有第二个警告：/src/main.js中的警告导出默认值（作为Vue导入）在vue中找不到。

它向我展示了一个空白站点，路由器可能出了问题，这是我应用程序的脚本。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

我也有同样的问题。这样可以解决这个问题。

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

我是vue的新手，我在vue路由器的样本中找到了它。

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

Answer 2

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

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