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: (?).
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"
}
}