Webpack 导入的模块不是函数

Mig*_*ens 7 webpack vue.js

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

在此处输入图片说明

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

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

export default MenuRepository
Run Code Online (Sandbox Code Playgroud)

这是Vue文件

import MenuRepository from '../repositories/MenuRepository'

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

Mig*_*ens 4

解决方案

问题是它没有被实例化。

使用

export default new MenuRepository()
Run Code Online (Sandbox Code Playgroud)

代替

export default MenuRepository
Run Code Online (Sandbox Code Playgroud)