Webpack导入的模块不起作用

Question

我有一个存储库（位于MenuRepository.js文件中），该存储库具有index（）方法，当我尝试从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)
    }
  }
}

Answer 1

解决方案

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

使用

export default new MenuRepository()

代替

export default MenuRepository