1
resposta

npm run dev ou npm run serve não funcionam

Não estou conseguindo executar o projeto baixado do GitHub. Baixei o zip e descompactei.

Error:

Vue packages version mismatch:

  • vue@3.5.13 (C:\Dev\Vue\alura-tracker-aula-4\alura-tracker-aula-4\node_modules\vue\index.js)
  • vue-template-compiler@2.7.16 (C:\Dev\Vue\alura-tracker-aula-4\alura-tracker-aula-4\node_modules\vue-template-compiler\package.json)
1 resposta

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 :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado