[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Carlos Caxinde
Criador Carlos Caxinde 14/06/2021

Continua a notificação No Vuex store Detected

 

e aparece o seguinte erro: 

app.js:43937 Uncaught Error: [vuex] store must be called with the new operator.

    at assert (app.js:43937)

    at Object.Store (app.js:44184)

    at Object.<anonymous> (app.js:43782)

    at __webpack_require__ (app.js:20)

    at Object.<anonymous> (app.js:1043)

    at __webpack_require__ (app.js:20)

    at Object.<anonymous> (app.js:1032)

    at __webpack_require__ (app.js:20)

    at app.js:63

    at app.js:66

Manager Carlos Ferreira 14/06/2021

Olá, Carlos!
Tudo bem?

Tem o código no GitHub amigo?

Preciso comparar o seu código com o original do curso (especialmente as versões dos packages).

No aguardo.

Carlos Ferreira
Criador Carlos Caxinde 14/06/2021

Bom dia Carlos Ferreira.

 

coloquei o projecto no git e partilho aqui o link: https://github.com/carloscaxinde/laravel-vue

 

uma outra situação, após fazer a aula do segundo capítulo. executo o comando npm run watch e abre uma nova aba no browser com a url localhost:3000 mas a página fica a processa e acaba por não carregar.

 

Obrigado

Carlos Caxinde
Manager Carlos Ferreira 14/06/2021

O erro está na configuração do seu vuex, faltou o operador new:
const store = new Vuex.Store({
    [...]
})

Carlos Ferreira
Criador Carlos Caxinde 14/06/2021

Olá Carlos,

verifiquei e na verdade estava mesmo a faltar, verifiquei antes mas não reparei esta falha.

 

Mas continuo a ter problema com o VueRouter, penso estar a fazer tudo conforme no vídeo mas não consigo ter o mesmo resultado. Não está a renderizar o component Categories, fiz alguns alguns testes de chamar o Component Categories directamente a view funcionou, mas ao chamar com App.vue  e colocar o app-component na view não está a funcionar.

 

Actualizei o repositório no git, agradeço um suporte

Carlos Caxinde
Manager Carlos Ferreira 14/06/2021

Rodei o seu projeto aqui na minha maquina amigo.

1) Estava faltando fechar a tag div no html:
<div id="app">
    <app-component></app-component>
</div>

2) Registrei o component global dessa forma:
import App from './components/App.vue';

Vue.component('app-component', App);

3) No seu arquivo routers.js você importou o Vue com o primeira letra maiúscula, deve ser assim:
import Vue from 'vue'

Bastante atenção nestes detalhes.

Carlos Ferreira
Jefferson Grassine 14/06/2021

OLÁ CARLOS!

 

Você alguma aula que ensina configurar vue-router e vuex com Laravel e Vue3?

Jefferson Grassine
Manager Carlos Ferreira 14/06/2021

Olá, Jefferson!

Tudo bem?

 

Respondi essa mesma dúvida nesta thread: https://academy.especializati.com/ticket/vue-router-e-vuex-com-laravel-e-vue3

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

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!