Alguém já passou por isso?
ERROR Error: Uncaught (in promise): Error: Can't resolve all parameters for LoginComponent: (?). Error: Can't resolve all parameters for LoginComponent: (?).
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
Alguém já passou por isso?
ERROR Error: Uncaught (in promise): Error: Can't resolve all parameters for LoginComponent: (?). Error: Can't resolve all parameters for LoginComponent: (?).
Ver se esse link te ajuda em algo: https://stackoverflow.com/questions/58039970/uncaught-error-cant-resolve-all-parameters-for-logincomponent-in-angular
Já estou usando o providedIn:'root'.
------------------------------Tá aí a minha autenticacao.service.ts:
import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs';
@Injectable({ providedIn: 'root', }) export class AutenticacaoService {
constructor(private httpClient: HttpClient) {}
autenticar(usuario:string, senha:string):Observable{ return this.httpClient.post('http://localhost:3000/user/login',{ userName:usuario, password:senha }); } }
----------------------E aqui a minha login.component.ts:
import { Component, OnInit } from '@angular/core';import { AutenticacaoService } from 'src/app/autenticacao/autenticacao.service';
@Component({ selector: 'app-login', templateUrl: './login.component.html', styleUrls: ['./login.component.css'] }) export class LoginComponent implements OnInit {
usuario = '';
senha = '';
constructor(private authService:AutenticacaoService) {}
ngOnInit(): void{ }
login(){
this.authService.autenticar(this.usuario, this.senha).subscribe(()=> {
console.log('Usuário autenticado com sucesso');
}, (error) => {
alert('Usuário ou senha inválido');
console.log(error);
}
);
}}
Opa! Resolvido. O lance é ajustar as versões. Deixo aqui, caso alguém precise:
package.json:
{
"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",
"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"
}
}