Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

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!