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

Question

我第一次使用这个

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',
  name: 'paper',
  component: () => import('@/view/paper/paper-info'),
  meta: {
    title: 'paper',
    hideInMenu: true
  }
}

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

• export const paperRoute
• export default

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

Answer 1

哦，我的错。

使用导出时，应该是

import { ... } form ...

我忘记了支架。