Angular EventEmitter Error: Expected 0 type arguments, but got 1

Question

I am getting the type error, "Expected 0 type arguments, but got 1" despite following this tutorial to a T. https://youtu.be/I317BhehZKM?t=57s

I have specified:

  newUserInfoComplete:boolean = false 

yet I am getting the error specified above on <boolean> in this line:

  @Output() newUserInfoCompleteEvent = new EventEmitter <boolean> (); 

Also, if I simply omit <boolean> I get this error:

Argument of type 'boolean' is not assignable to parameter of type 'string'. 

and this.NewUserInfoComplete is underlined here:

this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete); 

Here is my component:

import { Component, OnInit, Output } from '@angular/core'; import { slideToRight } from '../../../../router.animations'; import { Router, ActivatedRoute, UrlSegment } from '@angular/router'; import { EventEmitter } from 'protractor';  @Component({   selector: 'app-new-user-input',   templateUrl: './new-user-input.component.html',   styleUrls: ['./new-user-input.component.css'],   animations: [slideToRight()] }) export class NewUserInputComponent implements OnInit {    newUserInfoComplete:boolean = false    @Output() newUserInfoCompleteEvent = new EventEmitter <boolean> ();    constructor(private router: Router, r: ActivatedRoute) {     r.url.subscribe((s: UrlSegment[]) => {       console.log("url", s); //https://vsavkin.com/angular-router-understanding-router-state-7b5b95a12eab     });   }    ngOnInit() {   }      sendNewUserInfoComplete(){     this.newUserInfoCompleteEvent.emit(this.newUserInfoComplete);   }     displaySibling() {     console.log(this.router);     this.router.navigate(['../', { outlets: { newuserorginfo: ['newuserorginfo'] } }])   }    closeBlade() {     this.router.navigate([{ outlets: { newuserinput: null } }]);   }  } 

Answer 1

Try importing EventEmitter from Angular instead of from protractor:

import { Component, OnInit, Output, EventEmitter } from '@angular/core';