[PROMOÇÃO] Assine com + 30% de desconto ANUAL MENSAL (últimas horas)
Cícero José da Silva Júnior
Criador Cícero José da Silva Júnior 01/12/2023

Estou utilizando o vue3, e estou com erro em: 

-

GET http://laravel.test/css/app.css net::ERR_ABORTED 404 (Not Found)

GET http://laravel.test/js/app.js net::ERR_ABORTED 404 (Not Found)

-

Eu acho que não funciona com vue3 utilizando vite e como o cara falou a cima, no meu vue tools não aparece o icone ativo, essas aulas de vue nenhuma deram certo, só apenas as aulas da ead que são vue 3, complicado...

 

meu repositório: https://github.com/juniorsilvacc/laravel-chat

Manager Carlos Ferreira 01/12/2023

Olá, Cícero! Tudo bem?

Primeiramente, saiba que pode contar comigo, é complicado só quando não tem apoio e suporte, aqui vc tem! =D

O tools é porque tem duas versões, uma para o Vue2 e outra para o Vue3, as duas juntas podem conflitar, melhorar usar uma ou a outra. (https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=pt-BR)

Como vc está acessando a aplicação, porque pelo erro, está usando um virtualhost. Tira um print por favor (full screen) do projeto no browser com o DevTools aberto na guia console?

Carlos Ferreira
Criador Cícero José da Silva Júnior 01/12/2023

Olha o erro https://ibb.co/yBQRMVz

eu estou usando o virtualhost, como laravel.test, estou usando o mesmo DevTools do Vue que você falou, mas nessa aplicação não está funcionando e nem consigo ver os components.

DevTools: Vue.js not detected

Cícero José da Silva Júnior
Criador Cícero José da Silva Júnior 01/12/2023

https://ibb.co/4ddD5FP esse é o print do exibir código fonte, eu já mandei o repositório, da uma olhadinha no código, mas eu já verifiquei, fiz igual o seu

Cícero José da Silva Júnior
Criador Cícero José da Silva Júnior 01/12/2023

no caso do DevTools para Vue2 e outra para o Vue3, eu tô utilizando essa do link, no projeto Ead está funcionando perfeitamente!

Cícero José da Silva Júnior
Manager Carlos Ferreira 01/12/2023

Quando rodou npm run dev deu algum erro? E ao rodar npm run build dá algum erro?

Carlos Ferreira
Criador Cícero José da Silva Júnior 01/12/2023

Rodei e sem errors

Cícero José da Silva Júnior
Manager Carlos Ferreira 01/12/2023

Vou testar o seu projeto agora.

Carlos Ferreira
Manager Carlos Ferreira 01/12/2023

1) Clonei o seu projeto

2) Instalei os packages node: npm install

3) Rodei seu frontend: npm rum dev

4) Usei este setup Docker para rodar o seu projeto (segui todos os passos para rodar o seu projeto): https://github.com/especializati/setup-docker-laravel

5) NÃO criei nenhum virtualhost

6) Acessei o projeto e tudo estava normal, zero erros, dev tools reconhecendo normalmente o projeto: http://localhost:8989/login

Carlos Ferreira
Criador Cícero José da Silva Júnior 01/12/2023

Eu exclui o laradock e usei o seu setup do docker e mesmo assim continua com o mesmo erro, em sí a página http://localhost:8989/chat roda, certo? porém, no console diz 404 no js e css como na imagem que mandei anteriormente, não sei que erro é esse kkkk

Cícero José da Silva Júnior
Criador Cícero José da Silva Júnior 01/12/2023

eu tinha que utlizar o @vite('resources/js/app.js') em vez de script no arquivo base blade, como hoje se utiliza o vite em vez de webpack mudou. A pergunta é, vou conseguir conclui esse curso fazer com vue3? kkkk deve ter mudado muita coisa.

Cícero José da Silva Júnior
Manager Carlos Ferreira 01/12/2023

Recomendo usar Vue.js 2, e depois vc migra para o Vue.js 3, porque muda muita coisa da versão 2 para a 3.

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

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!