TypeScript error TS1005: ',' expected Nothing happens to me!

0

I have the following problem, when compiling my code it sends me the following error:

  

ERROR in src / app
  /components/login/login.component.ts(9,2): TS1005 error: ',' expected.

I've seen several posts and I've done what they say but nothing works.

  • Version of "typescript": "^ 2.7.2".
  • Version of "tsc": "^ 2.9.2".

I hope your help. Thanks in advance.

import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { User } from '../../models/user';
import { UserService } from '../../services/user.service';

@Component({
	selector: 'login',
	templateUrl: './login.component.html'
	styleUrls: ['./login.component.css'],
	providers: [UserService]
})

export class LoginComponent implements OnInit{
	public title:string;
	public user:User;
	public status: string;
	public identity;
	public token;

	constructor(
	private _route: ActivatedRoute,
	private _router: Router,
	private _userService: UserService
	){
		this.title = 'Acceder';
		this.user = new User("","","","","","","ROLE_ADMIN","");
	}


	ngOnInit(){
	console.log('Cargado');
	}

	onSubmit(){

	//Loguear al usuario y conseguir sus datos

	this._userService.signup(this.user).subscribe(
		response => {
			this.identity = response.user;
			if(!this.identity || !this.identity._id){
			this.status = 'error';
			}else{

			//Persistir datos del usuario
			localStorage.setItem('identity', JSON.stringify(this.identity));


			this.getToken();
			}
			
		},
		error => {

			var errorMessage = <any>error;
			console.log(errorMessage);

			if(errorMessage != null){
				this.status = 'error';
			}
		}

	);
	}

	getToken(){

	this._userService.signup(this.user, 'true').subscribe(
		response => {
			this.token = response.token;
			if(this.token.length <= 0){
			this.status = 'error';
			}else{

			//Persistir token del usuario

			localStorage.setItem('token',this.token);

			//Conseguir contadores o estadisticas del usuario
			
			this.getCounters();

			}
			
		},
		error => {

			var errorMessage = <any>error;
			console.log(errorMessage);

			if(errorMessage != null){
				this.status = 'error';
			}
		}

	);
	
}

getCounters(){
	
	this._userService.getCounters().subscribe(
	response => {
	localStorage.setItem('stats', JSON.stringify(response));

	this.status = 'success';
	this._router.navigate(['/']);
	},
	error =>{

	console.log(<any>error);
	}

	);
}

}
    
asked by Efrain Peralta 27.06.2018 в 07:53
source

1 answer

3

You are missing one

  

,

in templateUrl: './login.component.html'

It should look like this:

@Component({
    selector: 'login',
    templateUrl: './login.component.html', 
    styleUrls: ['./login.component.css'],
    providers: [UserService]
})

But if I'm not wrong you have some syntax error but

    
answered by 27.06.2018 в 08:29