"Type 'EventEmitter' is not generic" ERROR in angular

Question

I'm currently following a tutorial and the tutorial is making use of EventEmitter. The code goes like this

@Output() ratingClicked: EventEmitter<string> =         new EventEmitter<string>(); 

But it visual studio code gives me these errors:

1. Type 'EventEmitter' is not generic.
2. Expected 0 type arguments, but got 1.

Even in the angular website it looks like that code is correct.

I'm currently using Angular CLI: 1.7.4; Node: 8.11.1; Typescript: 2.8.1

Answer 1

You are probably using the node native EventEmitter from node/index.d.ts i.e.

import { EventEmitter } from 'events'; 

Fix

Change the import to the one from angular:

import { EventEmitter } from '@angular/core';