Angular 2 plunker无法正常工作

Question

我使用plunker中的默认设置创建了一个新的Angular 2 plunk。之后，我在单独的文件夹名称JokeComponent中创建了一个组件，其中包含两个文件.ts和.html，并在app.ts中声明了它。因为它是引导应用程序。在app组件中使用自定义标记名称。但现在它无法正常工作。

请帮助运行此应用程序

`https://plnkr.co/edit/2IJdAfW6zNDDDv4GRivB`

Answer 1

您的JokeComponent不在src下，因此此路径无效：

import {JokeComponent} from './joke/jokeComponent'

我已经在src下移动它并相应地更改了html路径

固定弹药：https://plnkr.co/edit/gWgaJWMLfxqbHEdJQGh2?p=preview

Answer 2

我以前的所有Angular 2+ plunker项目都有这个错误，问题出在zone.js 0.8.13上。并且现在恢复到0.8.12

在索引中我改变了

<script src="https://unpkg.com/zone.js/dist/zone.js"></script>

到

<script src="https://unpkg.com/zone.js@0.8.12/dist/zone.js"></script>

您的Plunker 正在使用。

根据https://github.com/angular/zone.js/issues/832，错误仅发生在zone.js版本0.8.13中，当您执行事件绑定时会发生错误。