“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<         


        

Answer 1

When using Visual Studio Code, The IDE automatically imports EventEmitter from Node.js.

import { EventEmitter } from "events";

In this case you'll have to manually change it to angular core module

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

Answer 2

I was doing the same tutorial and faced the same issue.

It is a problem with an import. EventEmitter must be imported from @angular/core

Use:

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

This will fix it.

Answer 3

In visual studio code when your try to listen to user click event from your html file of the component

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

it automatically import this to the component import { EventEmitter } from '@angular/event' instead of import { EventEmitter } from '@angular/core'.

Resource: https://ultimatecourses.com/blog/component-events-event-emitter-output-angular-2

Answer 4

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';