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

Problema no "ng serve"

Ao colocar o comando "ng serve" está gerando esse erro.

PS C:\angular\ByteBank> ng serve ⠋ Generating browser application bundles (phase: setup)...An unhandled exception occurred: Package subpath './v4' is not defined by "exports" in C:\angular\ByteBank\node_modules\uuid\package.json See "C:\Users\Renato\AppData\Local\Temp\ng-r7KFCf\angular-errors.log" for further details.

10 respostas

Olá, Renato, tudo bem?

Qual versão do Node você está utilizando? Você pode verificar ao executar node -v no terminal.

Fico no aguardo!

Boa tarde Antônio. Tudo certo e contigo? A versão do node aqui é v12.22.4 .

Olá, Renato! Tudo bem por aqui.

Para esse curso você deve utilizar a versão 14 do Node, pois é a compatível com a versão 10.1.6 do Angular CLI. Como você baixou utilizando outra versão do Node, você precisa desinstalar o Angular CLI e reinstalá-lo utilizando a versão 14 do Node.

Nesse tópico você confere o passo a passo de como trocar a versão do Node do seu computador.

Com a versão 14 do Node, execute esses comandos para desinstalar e instalar novamente o Angular CLI:

npm uninstall -g @angular/cli
npm install -g @angular/cli@10.1.6

Após isso, apague o projeto do computador e o crie novamente com o Angular CLI reinstalado.

Qualquer problema, só me avisar! Fico no aguardo.

Antônio, boa noite! Tudo certo contigo? O Windows daqui é 7. Está dando mensagem que esse node só aceita no W 8.1, Windows Server 2012 pra frente Tem alguma forma de conseguir instalar o angular e o node correspondentes e fazer essa parte do curso ou só atualizando o windows mesmo?

Olá, Renato, beleza!

Certo, é a primeira vez que vejo esse problema, mas achei esse tópico do stackoverflow e acredito que tenha a solução pra você (mas pode continuar lendo aqui sem problemas). Aparentemente há problemas de compatibilidade entre o Windows 7 e versões mais recentes do Node.

Ainda com o Node 12 no seu computador, siga os passos abaixo:

  1. Nessa página está uma lista de downloads da versão 14.16.1 do Node, baixe o arquivo node-v14.16.1-win-x64.zip se seu windows for 64 bits ou o arquivo node-v14.16.1-win-x86.zip se seu windows for 32 bits.

  2. Encontre a pasta onde seu Node está instalado, normalmente o caminho é C:\Program Files\nodejs (a pasta Program Files pode estar escrita como Arquivos de Programas). Caso não a encontre, digite where node no cmd, que aparecerá o caminho do Node.

  3. Encontrada a pasta, extraia o zip do Node que você baixou, será extraída uma pasta com o mesmo nome do zip. Copie todos os arquivos dentro dessa pasta e cole dentro da pasta que seu Node 12 está instalado, e marque na alternativa para substituir todos os arquivos de mesmo nome.

  4. Crie uma variável de ambiente do sistema chamada NODE_SKIP_PLATFORM_CHECK e atribua o valor 1 para ela. Para fazer isso, siga os passos abaixo:

    4.1. Pesquise no computador por "Variáveis de ambiente", deverá aparecer uma opção como "Editar as variáveis de ambiente do sistema". Se não encontrar, digite as teclas Windows + R, digite sysdm.cpl na janela que aparecer e execute.

    4.2. Na janela que abrir, selecione a aba "Avançado" e clique no botão "Variáveis de Ambiente...". Na lista de baixo (Variáveis do sistema), clique no botão "Novo...".

    4.3. Na nova janela que abrir (veja a imagem abaixo), no campo "Nome da variável" coloque o valor NODE_SKIP_PLATFORM_CHECK, e no campo "Valor da variável" coloque o valor 1. Clique no botão "OK".

Janela do windows chamada "Nova Variável do de Sistema" está aberta, nela estão os dois campos mencionados e os seus respectivos valores.

Pronto, com isso você já deve conseguir usar o Node 14 no Windows 7! Se tiver qualquer problema em algum dos passos acima, pode me avisar.

Fico no aguardo!

Boa noite. Agora o erro está dando na desinstalação do angular: PS C:\angular\ByteBank> npm uninstall -g @angular/cli Token não reconhecido no texto de origem. Em linha:1 caractere:18

  • npm uninstall -g <<<< @angular/cli
    • CategoryInfo : ParserError: (:) [], ParentContainsErrorRecordException
    • FullyQualifiedErrorId : UnrecognizedToken

Já atualizei o visual studio, executei como administrador mas não deu certo. Tentei no powershell mesmo como administrador e nada. Tem ideia do que possa ser Antônio?

Olá novamente, Renato!

Pesquisei aqui um pouco pelo seu erro e aparentemente isso acontece por conta do arroba @ e o powershell interpreta o comando incorretamente.

Tente executar o mesmo comando no cmd, ou então utilize aspas ao redor de @angular/cli, assim:

npm uninstall -g "@angular/cli"

Se não funcionar, pode me dizer o que aparece no terminal se você digitar os comandos abaixo?

node --version
ng --version

Fico no aguardo!

PS C:\angular\ByteBank> node --version v14.16.1 PS C:\angular\ByteBank> ng --version

 _                      _                 ____ _     ___
/ \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|

/ △ \ | '_ \ / | | | | |/ _ | '| | | | | | | / _ | | | | (| | || | | (| | | | || | | | // \_| ||_, |_,||__,|| ___|__|| |___/

Angular CLI: 12.2.13 Node: 14.16.1 Package Manager: npm 6.14.12 OS: win32 x64

Angular: 12.2.14 ... animations, common, compiler, compiler-cli, core, forms ... platform-browser, platform-browser-dynamic, router

Package Version

@angular-devkit/architect 0.1202.13 @angular-devkit/build-angular 12.2.13 @angular-devkit/core 12.2.13 @angular-devkit/schematics 12.2.13 @angular/cli 12.2.13 @schematics/angular 12.2.13 rxjs 6.6.7 typescript 4.3.5

-> Antônio, boa noite. Agora está com esses componentes instalados! Rodei o projeto que eu já tinha e deu o mesmo erro que indiquei aqui no começo. Vc tinha comentado que nessa o certo é deletar e recomeçar o projeto, certo?

solução!

Olá, Renato!

Por algum motivo parece que está instalada a versão 12.2.13 do Angular CLI no seu computador, sendo que a recomendada para esse curso é a 10.1.6. Você executou os comandos npm uninstall -g @angular/cli e npm install -g @angular/cli@10.1.6 corretamente, sem ter aparecido nenhuma mensagem de erro?

Rodei o projeto que eu já tinha e deu o mesmo erro que indiquei aqui no começo. Vc tinha comentado que nessa o certo é deletar e recomeçar o projeto, certo?

Sim, independente da sua versão atual do Angular CLI, você deve apagar seu projeto antigo, pois ele foi criado com uma versão do Angular CLI que era incompatível com a versão do Node que estava instalada, então esse projeto não funcionará.

De qualquer forma, após apagar o projeto, faça o seguinte: como você já está com a versão 14 do Node, execute esses comandos:

npm uninstall -g @angular/cli
npm install -g @angular/cli@10.1.6

O primeiro comando irá desinstalar o Angular CLI que está na sua máquina e o segundo irá instalar a versão 10.1.6, recomendada para esse curso.

Uma vez que esteja com a versão correta do Angular CLI, crie um novo projeto com ng new ByteBank. Os restantes dos passos podem ser vistos na aula "Criando o projeto".

Pode me mandar aqui as mensagens que aparecerem ao realizar os passos acima, inclusive possíveis erros.

Fico no aguardo!

Antônio, deu certo cara. Valeu mesmo!