vue.js - Webpack 导入的模块不是函数

Question

我有一个具有 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)
    }
  }
}

标签： vue.jswebpack

Answer 1

解决方案

问题是它没有被实例化。

利用

export default new MenuRepository()

代替

export default MenuRepository