Webpack 导入的模块不是函数答案

【问题标题】：Webpack Imported Module is not a functionWebpack 导入的模块不是函数
【发布时间】：2019-08-01 14:34:33
【问题描述】：

我有一个包含 index() 方法的存储库（在 MenuRepository.js 文件中），当我尝试从 Vue 实例中的 mount() 函数调用该方法时，我收到以下错误

这之前一直有效，所以我无法想象发生了什么.. 这是我的 Vue 实例的代码。

class MenuRepository {
  async index () {
    const result = await Nova.request().get('/')
    return result.data
  }
}

export default MenuRepository

这是 Vue 文件

import MenuRepository from '../repositories/MenuRepository'

export default {
  async mounted () {
    try {
      const menus = await MenuRepository.index()
    } catch (err) {
      console.error(err)
    }
  }
}

【问题讨论】：

index 是一个实例方法，但是您在类上调用它而不是类的实例。除非我遗漏了什么，否则我认为您应该将索引设为静态或创建该类的新实例，具体取决于您的意图。

标签： vue.js webpack

【解决方案1】：

解决方案

问题在于它没有被实例化。

使用

export default new MenuRepository()

代替

export default MenuRepository

【讨论】：