使用导出时无法导入 Vue 路由器，使用 iview-admin

问题描述

我第一次用这个

export const paperRoute = {
  path: '/paper/:id',name: 'paper',component: () => import('@/view/paper/paper-info'),meta: {
    title: 'papaer',hideInMenu: true
  }
}

在src/router/paper-routers.js中并在src/router/routers.js中使用

import paperRoute from './paper-routers'

当我进入 'localhost:8080/paper/1' 时，那里什么也没有，甚至其他正确加载的页面也变成了空。

在我将 paper-routers.js 更改为

export default {
  path: '/paper/:id',meta: {
    title: 'paper',hideInMenu: true
  }
}

页面已正确加载。 我很困惑，这两种风格有什么区别，

• export const paperRoute
• export default

当我使用 import paperRoute from 'src/router/paper-routers.js' 时。

解决方法

哦，我的错。

使用export时，应该是

import { ... } form ...

我忘记带支架了。