ES6 forEach 一个数组,为什么会报这个错误?

这是报的错误:

clipboard.png

下面是这个 menu.js 的文件内容,是一个数组:
module.export = [{
    name: 'cc-Box Module',
    id:'crossChexBox',
    sub: [{
        name: 'device 状态',
        componentName: 'DeviceStatus'
    }, {
        name: 'user 状态',
        componentName: 'UserStatus'
    }]
},{
    name: 'websiteIcon Module',
    id:'icon',
    sub:[{
        name: 'anviz cn-icon',
        componentName:'AnvizCnIcon'
    }, {
        name: 'anviz en-icon',
        componentName: 'AnvizEnIcon'
    }, {
        name: 'u-tec icon',
        componentName: 'UtecEnIcon'
    }, {
        name: 'box icon',
        componentName: 'BoxEnIcon'
    }, {
        name: '云考勤 icon',
        componentName:'CCEnIcon'
    }]
}]

在vue-router 中遍历这个数据组:

import menus from '@/config/menu'
var routes = [];
menus.forEach((item) => {
  item.sub.forEach((sub) => {
    routes.push({
      path: `/${sub.componentName}`,
      name: sub.componentName,
      component: () => import(`@/components/${sub.componentName}`)
    })
  })
})

编译不报错,但是浏览器却报这样的错而导致页面无法显示。
请问是哪里错了呢?谢谢!

阅读 2.3k
1 个回答

module.exports 少了s

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题