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

Posted 2023-02-16

【中文标题】无法导出 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')

【参考方案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