Angular 2 plunker不工作

Question

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

请帮助运行该应用程序

`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中发生，并且在您执行事件绑定时发生。