Webpack Imported Module is not a function

Question

I have a repository (in a MenuRepository.js file) that has an index() method, when I try to call that method from my mounted() function in my Vue instance, I get the following error

This has been working before, So I can't imagine what happened.. This is the code of my Vue instance.

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

export default MenuRepository

And this is the Vue file

import MenuRepository from '../repositories/MenuRepository'

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

index is an instance method, however you are calling it on the class not an instance of the class. Unless I am missing something I think you should either make index static or create a new instance of the class, depending on what your intention is. — Euan Smith
– Euan Smith, Commented Mar 11, 2019 at 10:00

Miguel Stevens · Accepted Answer · 2019-03-11 10:00:31Z

3

Solution

The issue was that it wasn't being instantiated.

Use

export default new MenuRepository()

Instead of

export default MenuRepository

answered Mar 11, 2019 at 10:00

Miguel Stevens

9,29019 gold badges76 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Boris Mulder Over a year ago

this way the module exports a "singleton" object. I'd advise instead making the index() function static or calling the constructor in your code importing the module: const menus = await new MenuRepository().index()

Collectives™ on Stack Overflow

Webpack Imported Module is not a function

1 Answer 1

Solution

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Solution

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related