VueJS: Cannot read property 'dispatch' of undefined

Question

I start my simple project with VueJS and Vuex. And I have a problem witch calling method from store. When I click my button in console I see this error

Uncaught TypeError: Cannot read property 'dispatch' of undefined at VueComponent.onSignin

Here is my component with button which should call dispatch
Login component.

And here is my store index.js Vuex.Store

And here you can find full repo

I read many topics on another forum but I stil don't know why it is not work, because I do similar project few months ago and it works correctly.

I have noticed that in the Login component you call this.$store.dispatch('signUserIn') but in your vuex store in the actions there is not such an action. The only action is onUserLogin . You should make an action called signUserIn — gijoe
– gijoe, Commented Sep 12, 2018 at 19:07
Good attention, but it still doesn't work. I pushed again with correct name of action. — Bartlomiej Mroczek
– Bartlomiej Mroczek, Commented Sep 12, 2018 at 19:24
Can you please make also an update in action signUserIn(payload) to signUserIn(context,payload) and remove methods attribute in vuex store — gijoe
– gijoe, Commented Sep 12, 2018 at 19:34
Hmm I do this, and it still doesn't work. If I good remember you should have permission to update 'help' branch. Fell free to do this. — Bartlomiej Mroczek
– Bartlomiej Mroczek, Commented Sep 12, 2018 at 19:58

nara_l · Accepted Answer · 2018-09-12 20:01:39Z

4

Your store should be:

export default new Vuex.Store({

and not

export const store = new Vuex.Store({

answered Sep 12, 2018 at 20:01

nara_l

6742 gold badges10 silver badges25 bronze badges

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

2 Comments

Bartlomiej Mroczek Over a year ago

Yes, it is! Now it works. Thank you very much. I felt that is something small, but important. I have to small reputation to give +1 for your answer.

nara_l Over a year ago

Great! can you mark the answer as correct for future reference? thanks

Collectives™ on Stack Overflow

VueJS: Cannot read property 'dispatch' of undefined

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related