[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Rodrigo Pellegrini
Criador Rodrigo Pellegrini 02/02/2023

Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'dispatch' of undefined"

found in

---> <Chat> at resources/js/components/chat/Chat.vue

       <Root>

 

 

Manager Carlos Ferreira 02/02/2023

Olá, Rodrigo!
Como vai?

Tem o projeto no GitHub?
Preciso ver mais detalhes para conseguir te ajudar.

Carlos Ferreira
Criador Rodrigo Pellegrini 02/02/2023

Boa noite Carlos

Tem sim, segue o github do projeto abaixo:

https://github.com/rpellegrini/laravel-realtime

 

 

 

 

Rodrigo Pellegrini
Criador Rodrigo Pellegrini 02/02/2023

O problema está nessa chama:

this.$store.dispatch('storeMessage', {body: this.body})

mas não estou conseguindo encontrar o que pode ser..

estou tentando rodar o projeto no laravel 7 e "vue": "^2.5.17"

 

package.json  

  "devDependencies": {

        "axios": "^0.19",

        "bootstrap": "^4.0.0",

        "cross-env": "^7.0",

        "jquery": "^3.2",

        "laravel-mix": "^5.0.1",

        "lodash": "^4.17.19",

        "popper.js": "^1.12",

        "resolve-url-loader": "^2.3.1",

        "sass": "^1.20.1",

        "sass-loader": "^8.0.0",

        "vue": "^2.5.17",

        "vue-template-compiler": "^2.6.10"

    },

    "dependencies": {

        "vuex": "^4.1.0"

    }

 

 

 

Rodrigo Pellegrini
Manager Carlos Ferreira 02/02/2023

Olá, Rodrigo!

Você está usando o Vuex4: https://github.com/rpellegrini/laravel-realtime/blob/main/package.json#L27

No curso usamos uma versão anterior, mas isso não é o problema, você consegue trabalhar de outra forma, até mais simples, veja aqui neste exemplo:
https://github.com/especializati/larachat/blob/main/resources/js/components/Chat/Conversation.vue#L213

Observe, trabalhei com mapActions:
https://github.com/especializati/larachat/blob/main/resources/js/components/Chat/Conversation.vue#L188

Carlos Ferreira
Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!