Solucionado
Não estou conseguindo executar o projeto baixado do GitHub. Baixei o zip e descompactei.
Error:
Vue packages version mismatch:
Olá, Andrea, como vai?
O erro ocorre porque há um conflito entre a versão do vue instalada (3.5.13) e a do vue-template-compiler (2.7.16). O vue-template-compiler pertence ao Vue 2, enquanto o projeto está usando Vue 3. Como o Vue 3 não utiliza mais o vue-template-compiler, ele deve ser removido.
Para corrigir isso, siga estes passos no terminal, dentro da pasta do projeto:
1 - Remova o node_modules e o package-lock.json:
rm -rf node_modules package-lock.json
(No Windows, use rmdir /s /q nodemodules package-lock.json no PowerShell ou remova manualmente a pasta nodemodules).
2 - Instale as dependências novamente:
npm install
ou
yarn
3 - Se o problema persistir, remova o vue-template-compiler manualmente:
npm uninstall vue-template-compiler
Após isso, tente rodar novamente o comando npm run serve.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Olá, Mike! Td bem e vc?
Mesmo após os passos efetuados, o projeto não rodou. Executo o comando npm run serve e aparece o seguinte:
Oi, Andrea.
Você pode me mandar uma imagem da sua estrutura de pastas, por favor?
No primeiro log que você enviou, o trecho C:\Dev\Vue\alura-tracker-aula-4\alura-tracker-aula-4, sugere que existe uma pasta chamada alura-tracker-aula-4 dentro de outra chamada alura-tracker-aula-4.
Já o log da segunda mensagem, C:\Dev\Vue\alura-tracker-aula-4, sugere que o terminal está fora da pasta do projeto.
Façamos assim, vou listar um passo a passo desde o clone do github, até o comando de execução:
1 - Abra o terminal e faça um git clone do repositório do instrutor:
git clone https://github.com/alura-cursos/alura-trackercd alura-tracker
2 - Acesse a branch da aula 4: Como nós baixamos o repositório completo, precisamos acessar a aula que usaremos no curso.
git checkout aula-4code .
3 - Instale as dependências: Com o VSCode aberto, pressione Ctrl + J para abrir o terminal integrado e instale as dependências do projeto com o comando npm i. Depois use o comando npm run serve para iniciar o projeto.
Um detalhe: Se acontecer um erro como na imagem abaixo ao tentar iniciar o projeto, será necessário mudar a versão do Node. Nesse caso, recomendo o passo a passo desse artigo para fazer a instalação do gerenciador de versões do Node, e que mude a versão para 16.20.2.
Depois de mudar o versão ele deve rodar normalmente:
Obrigada! Funcionou repetindo todos os passos. Só uma pergunta: Por que mudar a versão do Node? Eu estava com a 20.18.0
Oi, Andrea.
Pode acontecer problemas de compatibilidade entre algumas dependências e a versão instalada do Node. No caso desse projeto, usar a v16 garante a boa execução da aplicação. Mas lembre que outros cursos podem exigir uma versão mais atual do Node, nesse caso, ao fim do curso eu recomendo que retorne para a versão 20.18.0, ou atualiza para a versão LTS atual.
Abraços :)