Angular 4 + AOT Webpack构建问题

Question

I'm using Angular 4 and building project with webpack and AoT, but it's giving me this error:

ERROR in ng:///D:/proj/src/client/app/app.component.html (14,5): '$event' is declared but never used.

I'd made simplified project copy in plunker: http://embed.plnkr.co/RxY2mhfhJmcBFKjG70f0/

You can reproduce this issue with following steps:

1. Download project from the plunker: https://plnkr.co/edit/RxY2mhfhJmcBFKjG70f0?p=info
2. In project root npm i then npm run build:client or npm run build-v:client

If you change the src/client/app/app.component.html at line 13 like this:

<li *ngFor="let hero of heroes" (click)="onSelect(hero, $event)" [class.selected]="hero === selectedHero">

the error will disappear. But this is a bad solution obviously.

Any ideas to solve the problem?

I think that AoT somehow compiles the template to some kind of intermediate resource where it adds that variable. But I can't find out how to manage/prevent/fix this.

Answer 1

The problem is in src/client/tsconfig-aot.json . The "noUnusedParameters": true, should be removed.

Thanks for help with comments. It took me to the right direction.