Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Bug] Erro ao executar o comando ng serve

Na etapa onde devo executar o comando "ng serve" o node retorna uma série de erros, os primeiros na imagem abaixo:
Insira aqui a descrição dessa imagem para ajudar na acessibilidade
instalei as versões do node e angular utilizadas no curso de angular, cfme orientado. Solicito auxílio para resolver o problema.

4 respostas

Olá, Marco! Tudo bem?

Parece que você está enfrentando um problema relacionado a versões incompatíveis de pacotes do Node.js e Angular:

  1. Verifique as versões do Node e npm: Certifique-se de que você está usando a versão do Node.js recomendada pelo curso (16.14.2). Você pode verificar isso com os comandos:

    node -v
    npm -v
    
  2. Reinstale o Angular CLI: Pode ser útil reinstalar o Angular CLI para garantir que está tudo correto:

    npm uninstall -g @angular/cli
    npm install -g @angular/cli@14.0.0
    
  3. Verifique as dependências do projeto: Às vezes, as dependências do projeto podem estar desatualizadas ou incompatíveis. Tente remover a pasta node_modules e o arquivo package-lock.json e reinstalar as dependências:

    rm -rf node_modules
    rm package-lock.json
    npm install
    
  4. Atualize o TypeScript: O erro parece estar relacionado ao TypeScript. Tente instalar uma versão compatível:

    npm install typescript@4.6.4 --save-dev
    
  5. Execute novamente o projeto: Após realizar essas etapas, tente executar o comando ng serve novamente.

Espero que essas etapas ajudem a resolver o problema! Caso contrário, fico à disposição! Bons estudos!

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

O poblema persiste, apesar de executadas as sugestões acima:
node -v = 16.20.2
npm -v = 8.19.4
Angular e TypeScript foram reinstalados como sugerido acima.

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

solução!

Oi, Marco!

Sobre sua última dúvida: o problema aqui é que o seu projeto está com uma versão do @types/node mais nova do que o TypeScript do Angular 14 suporta, e por isso aparecem erros como Symbol.dispose, asyncDispose e Disposable dentro de node_modules/@types/node/....

Siga esses passos para resolver:

  1. Fixe o @types/node na versão 16 (compatível com Node 16 + Angular 14)
    No seu projeto, rode:
npm remove @types/node
npm i -D @types/node@16.20.2
  1. Garanta que o package.json não vai “subir” o @types/node sozinho
    Abra o package.json e confira se ficou algo assim (sem ^):
{
  "devDependencies": {
    "@types/node": "16.20.2"
  }
}
  1. Reinstale as dependências do zero (para limpar o que ficou travado)
rm -rf node_modules package-lock.json
npm install
  1. Rode o servidor novamente
npx ng serve

Se depois disso ainda aparecer erro de tipos, confira se no tsconfig.app.json (ou tsconfig.json) você não está puxando tipos de Node desnecessariamente. Para um app Angular, normalmente não precisa ter types: ["node"] no build do app.

Fico à disposição. Abraços e bons estudos!

A versão "@types/node": "16.20.2" não estava disponível, instalei a versão "16.18.126" e o servidor subiu liso, obrigado.