检查控制台中的Angular2 SyntaxError



所以这是我在网页检查控制台中得到的错误:

Uncaught SyntaxError: Unexpected token {
at Object.<anonymous> (main.bundle.js:3885)
at __webpack_require__ (polyfills.bundle.js:51)
at eval (eval at <anonymous> (main.bundle.js:2268), <anonymous>:7:15)
at Object.<anonymous> (main.bundle.js:2268)
at __webpack_require__ (polyfills.bundle.js:51)
at eval (eval at <anonymous> (main.bundle.js:233), <anonymous>:17:31)
at Object.<anonymous> (main.bundle.js:233)
at __webpack_require__ (polyfills.bundle.js:51)
at eval (eval at <anonymous> (main.bundle.js:205), <anonymous>:4:20)
at Object.<anonymous> (main.bundle.js:205)

现在,这实际上告诉了我关于真正错误的任何信息(除了使用了某种未定义/未知的令牌,但我不知道如何使用或在哪里使用(。

我根据之前的一个问题对代码进行了更改(我完全按照选择的答案所说的做(:子组件值没有在Angular 2中设置?

我知道@Output导致了这个错误,但尽管进行了大量的调试和研究,我还是无法弄清楚原因。

Visual Studio Code在扫描文件时没有抛出任何错误,我的命令提示符也没有提及文件的任何错误。

如有任何帮助,我们将不胜感激。非常感谢。

编辑:因此,以下是我在子组件中发现的专门触发此问题的代码:

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

接下来的几行是如何更改它以及如何与父组件交互。然后在下面的同一个子组件中的函数中调用这个:

this.flagChanged.emit(true);

最后,在父级的html文件中,我有一段代码,它调用来存储值:

<app-onboard-cnp-template (flagChanged) = "onFlagChanged($event)"></app-onboard-cnp-template>

这个错误特别强调了我根本没有接触的文件中的这行代码:

import { Subject } from 'rxjs/Subject';

我的错误非常愚蠢,但如果其他人犯了同样的错误,希望他们能比我更快地解决它。

解决方案:确保从正确的模块导入事件触发器。

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

我从一个文件中导入,该文件中有"从'rxjs/Subject'导入{Subject}",这就是为什么不需要该令牌的原因。

最新更新