在“./router”中找不到导出“默认”（导入为“路由器”）答案

【问题标题】：export 'default' (imported as 'router') was not found in './router'在“./router”中找不到导出“默认”（导入为“路由器”）
【发布时间】：2019-12-12 20:38:41
【问题描述】：

您好，我想在另一个文件中实现 vue 路由器，但出现一个错误：“在 './router' 中找不到导出‘默认’（导入为‘路由器’）

提前致谢。

// Import
import Vue from 'vue'
import axios from 'axios'
import VueMeta from 'vue-meta'
import { router  }from './router'
import App from './pages/app'

// Config
Vue.use(VueMeta)
window.axios = axios
Vue.config.productionTip = false

// Start Vue.js
new Vue({
  router,
  ...App
})

路由器/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const Bar = { template: '<div>bar</div>' }

let routes = [
    // Login
    { path: '/login', component: Bar },

    // Errors
    { path: '*',  component: Bar  }
]

const router = new VueRouter({
    base: 'public', 
    mode: 'history',
    routes
})

【问题讨论】：

您的router/index.js 不是export 任何东西？但是不，错误消息不适合您的代码
你需要导出路由器，比如export default router = new VueRouter({

标签： javascript html vue.js

【解决方案1】：

为了从您的/index.js 文件中导入router，您需要实际导出它。只需在您的router/index.js 文件中的const router = 之前添加export。所以它看起来像：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const Bar = { template: '<div>bar</div>' }

let routes = [
    // Login
    { path: '/login', component: Bar },

    // Errors
    { path: '*',  component: Bar  }
]

export const router = new VueRouter({
    base: 'public', 
    mode: 'history',
    routes
})

【讨论】：