Angular 2 plunker无法正常工作。

Question

3

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

请帮助运行此应用程序。

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

- Sam

2个回答

1

我曾在我所有的Angular 2+ plunker项目中遇到过这个错误，问题出在zone.js 0.8.13上。现在将其还原为0.8.12可以解决这个问题。

在索引中，我做了如下更改：

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

to

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

- Janco Boscan

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- eko · Accepted Answer

你的 JokeComponent 不在 src 目录下，所以这条路径不可用：

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

我已将它移至src文件夹下，并相应更改了html路径。