输出事件emmiter在Angular 5中引发错误

Question

我有一个奇怪的问题，我在Angular 5.2.11中有一个带有父子组件的项目。一切正常，直到我在子组件中添加@Output装饰器以发出对父组件的响应。这是孩子TS：

questionCorrectAnswer:number;

nextQuestion(){
   this.nextQuestionEvent.emit({});
}

这是孩子的HTML

<a (click)="nextQuestion()" class="btn btn-primary">Go to next question</a>

在父母的HTML中我有这个：

<app-question-displayer (nextQuestionEvent)="nextQuestion($event)"></app-question-displayer>

最后父母的TS文件如下：

setQuestion(idx:number){
   this.currentQuestion=this.exam.questions[idx];
   this.questionDisplay.setupQuestion(this.currentQuestion);
}

nextQuestion(event){
   this.currentQuestionIndex++;
   this.setQuestion(  this.currentQuestionIndex);
}

一旦页面加载，它会将我重定向到主页，在Chrome的控制台中，我会看到此错误：

正如你所看到的那样，这不是一个非常具有描述性的错误，因为我用Google搜索了它，但发现了其他与我没有太大关系的错误。

有一些奇怪的事情，如果我在app-question-displayer标签中删除事件监听器（nextQuestionEvent）=“nextQuestion（$ event）”，该应用程序不会崩溃。

你认为它可以是什么？

提前致谢！

编辑：

这是输出定义：

  @Output() nextQuestionEvent:EventEmitter<any>;

Answer 1

您尚未实例化您的EventEmitter。

使用以下代码执行此操作：

@Output() nextQuestionEvent:EventEmitter<any> = new EventEmitter();