8
respostas

Erro console

Boa tarde pessoal!

Rodei o projeto, porém o mesmo apresentou erros no console do navegador.

Alguém poderia me ajudar?

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

8 respostas

Fala Édipo, tudo beleza?

Aparentemente, há algum problema com o token que está sendo passado.

Você fez o curso 2 e está continuando? Ou começou neste e baixou o projeto do curso anterior que está disponível?

Em todo caso, compartilhe o código dos seus arquivos usuario.service.ts, token.service.ts e autenticacao.service.ts e também o package.json para começarmos a investigar o que está havendo e pensar em uma solução, pode ser? Se o projeto estiver no GitHub, pode ser o link do repositório também.

Até breve.

Oi Nayanne, tudo beleza! Estou fazendo o curso 2 e estou continuando.

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

Édipo, conferi o código e aparentemente não tem erro nesses arquivos.

Esse erro apareceu após você modificar o enviroment.ts? Vi pelo seu print que tá dando erro na importação desse arquivo.

Manda aqui os erros que aparecem no terminal do VS Code.

Se você conseguir compartilhar o projeto, seria uma boa para eu testar aqui.

É que eu mandei o print, o arquivo do projeto estava na pasta errada. E o que será então? Eu vou baixar o arquivo do projeto mais "pra frente" do curso.

E qualquer coisa mando aqui.

Ok Édipo,

Enquanto não descobrimos o erro, você pode tentar continuar neste curso utilizando a versão disponibilizada do projeto final do curso 2 ou fazer o download do projeto completo do curso de pré requisito e instalar as dependências novamente.

Eu baixei esse último e consegui inicializar a aplicação sem problemas. Talvez funcione pra você também caso esteja havendo alguma incompatibilidade de versões do seu projeto anterior.

Nayanne,

qual a versão das tecnologias usadas nesse projeto.

Node Npm Angular Angular/cli por gentileza?

obrigado pela explicação... grande dica

Arquivo package.json com as dependências do projeto:

{
  "name": "gatitobook",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~11.0.0",
    "@angular/common": "~11.0.0",
    "@angular/compiler": "~11.0.0",
    "@angular/core": "~11.0.0",
    "@angular/forms": "~11.0.0",
    "@angular/platform-browser": "~11.0.0",
    "@angular/platform-browser-dynamic": "~11.0.0",
    "@angular/router": "~11.0.0",
    "bootstrap": "^4.5.3",
    "font-awesome": "^4.7.0",
    "jwt-decode": "^3.1.2",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1100.0",
    "@angular/cli": "~11.0.0",
    "@angular/compiler-cli": "~11.0.0",
    "@types/jasmine": "~3.6.0",
    "@types/node": "^12.11.1",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.1.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.0.2"
  }
}

O professor recomenda NodeJS na versão 12 ou posterior e o Angular está na versão 11.

Eu fiz o download do projeto disponibilizado no início do curso e consegui rodar e as versões na minha máquina são essas:

Angular CLI: 11.0.0
Angular: 11.0.0
Node: 16.14.2
NPM: 8.5.0

Página inicial da aplicação Gatitobook, foto de um gato e formulario para login e senha

Lista-animais works e página para logout