【问题标题】："Type 'EventEmitter' is not generic" ERROR in angular“类型'EventEmitter'不是通用的”角度错误
【发布时间】：2018-09-29 09:56:31
【问题描述】：

我目前正在学习一个教程，该教程正在使用EventEmitter。代码是这样的

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

但它的 Visual Studio 代码给了我这些错误：

即使在angular website 中，该代码看起来也是正确的。

我目前正在使用 Angular CLI：1.7.4；节点：8.11.1；打字稿：2.8.1

【问题讨论】：

【解决方案1】：

您可能正在使用来自node/index.d.ts 的node 本机EventEmitter，即

import { EventEmitter } from 'events';

修复

将 import 改为 from angular:

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

【讨论】：

【解决方案2】：

对我来说，VS code IDE V1.60.0 已经自动添加了这段代码：

import { EventEmitter } from 'stream';

但是，它是错误的，你应该用这个替换它

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

【讨论】：

【解决方案3】：

我正在做同样的教程并面临同样的问题。

这是导入的问题。 EventEmitter 必须从 @angular/core 导入

用途：

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

这将解决它。

【讨论】：

【解决方案4】：

在 Visual Studio 代码中，当您尝试从组件的 html 文件中监听用户点击事件时

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

它会自动将其导入组件 import { EventEmitter } from '@angular/event' 而不是 import { EventEmitter } from '@angular/core'。

【讨论】：

【解决方案5】：

这是 Angular 13 的最新更新

这是因为EventEmitter 可能是从events 模块导入的。

import * as EventEmitter from 'events';

或者

import { EventEmitter } from 'events';

要解决此问题，请从 @angular/core 导入 EventEmitter

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

【讨论】：