Larave+Livewire erro @vite*(
Estou tentando instlar o Tailwind, mas quando ele pede para colocar a direitva @vite('resources/css/app.css'), a mesma é "exibida" literalmente na tela. Segui todos os passos e ainda continua assim. No cueao do do Liveeire ocorreu o mesmo após a instalação do jetstream.
Pesquisei e nao encontrei nada que piudesse me ajudar.
Alguém passou por isso e pode me ajudar com a solução.?
Olá, Marcelo!
Tudo bem?
Tem o código no GitHub, te ajudo a resolver.
Onde usou o vite?
Você está usando o Laravel 9.x?
Carlos
Vou subir e te passo o link
Eu estou usando o Laravel 8.x por que eu estava te acompanhando no curso.
Antes vou tentar rever o curso com a versão 9 e caso o problema persita, eu te aviso.
Obrigado
Tá bom amigo!
Carlos, bom dia.
Segue link do projeto no GitHub.
Configuração do meu ambiente:
- Laravel 8.x
- PHP 8.0
Acredito que este seja o problema de não funcionar o Tailwind. Pois o CSS e JS não carrega correamente. O Livewire e JetStream estão funcionando.
Ao executar simplements o @vite é printado na tela, não sendo reconhecido pelo "blade".
https://github.com/mclgms/curso_livewire_academy
Valeu
Quando compilou o projeto, teve algum erro?
npm install
npm run dev
--
Me diz ae, se não funcionar, vou rodar aqui e simular o problema.
Você não está trabalhando com Docker, certo?
Carlos
NÃO uso Docker.
O projeto executa com sucesso, ou seja, não dá erro no "npm run dev".
Olhei o seu projeto aqui, está faltando algumas configurações.
Por exemplo, no package.json faltou a dependência do Vite na versão 3:
https://github.com/laravel/laravel/blob/9.x/package.json#L12
Copia os arquivos originais do Laravel para o seu projeto:
package.json + vite.json, e deleta o package.lock e o diretório node_modules/
Após isso instale novamente:
npm install && npm run dev
Carlos, bom dia.
Segui todas as orientações e mesmo assim não dá certo.
Segue meu package.json agora, Não substitui todos como indicado, apenas adicionai a dependência do vite no final do dev dependence,
package.json
Rodei o seu projeto para simular o erro, ainda está usando o webpack, por isso o erro.
O que fiz?
Primeiro passo: Copiei package.json do Laravel para o seu projeto
(https://github.com/laravel/laravel/blob/9.x/package.json)
O seu script "dev" ainda estava "errado", porque não usava o Vite
Segundo passo: Deletei o arquivo webpack.mix.js
Após isso instalei novamente as dependências e fiz o build novamente:
npm install
npm run build
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!