11
respostas

[Projeto] Erro ao executar o "npm run dev".

Boa noite, tudo bem? Espero que sim! Estou com problemas ao executar o comando "npm run dev". Eu na verdade, tive o problema por conta do "mix" ser atualizado para "vite", mas mesmo seguindo o passo a passo cedido em: https://cursos.alura.com.br/course/laravel-criando-aplicacao-mvc/task/110573 ainda tive erros ao executar o "npm run mix", por isso fui no capítulo adiante e fiz o download do projeto atualizado, acessei pelo terminal, e instalei as dependências do composer e do npm, mas ao executar o comando "npm run dev" obtenho o erro na imagem anexada. Já revisei os arquivos como: webpack.mix.js, app.js, package.json, composer.json e os demais, todos estão ok mas mesmo assim não consigo resolver o problema.

Alguém pode me ajudar? Grato!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

11 respostas

Finalmente consegui resolver. Para os próximos que tiverem o mesmo erro, o passo a passo que fiz foi:

Oiii, desculpa a demora em responder o seu tópico!!

Parabens por resolver o problema :)

Agradecemos por compartilhar a solução aqui conosco :)

Bons estudos!!

Olá, ainda com problemas aqui. A página mencionada pleo ESTUDANTE tem um momento em que se refere a

Inertia
Vite requires a helper function to import page components

... e expõe ali uns códigos, mas... de onde são? Nâo entendi de que arquivo está falando. Bastante frustrante esse ponto. O professor fez uma curva na estrada e eu fiquei comendo poeira, e se entendi bem é porque a aula já ficou obsoleta, correto? Estou bem travado nesse ponto. Help!

Oii, Marco. Você seguiu o passo a passo desta atividade?

https://cursos.alura.com.br/course/laravel-criando-aplicacao-mvc/task/110573

Se sim e o problema ainda persiste, você poderia disponibilizar o código da aplicação para que eu possa ajudar?

Oi, VInícius, obrigado pela resposta! Eu até encontrei umas coisas que não estavam batendo. Eu posso ter começado a seguir o script e ter parado por algum motivo, não sei. Achei diferenças na parte "scripts" do package.json, e aí achei que, consertando isso, resolveria tudo. Mas não. Terminei as instruções da página que vc mandou, salvei tudo, rodei de novo o npm run dev e caí no mesmo lugar, uma tela que ficava travada em

VITE v4.4.7  ready in 312 ms

  Local: http://localhost:5173/
  Network: use --host to expose
  press h to show help

  LARAVEL v9.52.11  plugin v0.7.8

  APP_URL: http://localhost

Não vejo campo anexo pra fazer upload de um zip com a aplicaçõa. A que código vc se refere, pra eu te disponibilizar?

Você pode subir seu projeto pro github, ou pra um link no google drive, qual vc achar melhor :)

Oi, Marco. No arquivo webpack.mix.js deixe da seguinte maneira:

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.sass('resources/css/app.scss','public/css');

Já no arquivo package.json na chave de scripts deixe da seguinte maneira:

 "scripts": {
        "mix": "mix",
        "dev": "vite",
        "build": "vite build",
        "watch": "mix watch",
        "watch-poll": "mix watch -- --watch-options-poll=1000",
        "hot": "mix watch --hot",
        "prod": "npm run production",
        "production": "mix --production"
    }

Ao invés de utilizar o comando npm run dev rode npm run mix, conforme foi explicado nesta atividade:

https://cursos.alura.com.br/course/laravel-criando-aplicacao-mvc/task/110573

Tenta fazer essas mudanças e as demais configurações que o Vini faz para usar o bootstrap neste video:

https://cursos.alura.com.br/course/laravel-criando-aplicacao-mvc/task/103803

Tenta fazer e depois volta aqui e conta pra gente se funcionou :)

o curso devia ser atualizado , pois mesmo seguindo o passo a passado da aula não funciona mais , como laravel adotou o vite , deveria regravar usando o vite

Opa! Obrigado, Vinicius Louzada, FUNCIONOU! Confesso que ainda tô meio zonzo sem saber em qual curva foi que eu saí pela tangente, mas agora o que tinha que rodar, rodou, e o que tinha que aparecer no public/css/app.css, apareceu! Muito grato!

Que bom que deu certo, Marco! Parabéns!! Manda ver! Bons estudos :)