Plunker中的Angular 4.1.0:添加组件返回404 XHR错误

时间:2017-04-28 11:00:43

标签: javascript angular components plunker

我正在尝试将Angular 4与Plunker一起使用,但我无法添加新组件。 URL是: https://plnkr.co/edit/1umcXTeug2o6eiZ89rLl?p=preview

我刚创建了一个新组件 - mycomponent.ts - 只需要最少的声明。 然后,在app.ts中,我添加了导入声明:

import {MyComponent} from "./mycomponent";

并在@NgModule装饰器的声明数组中添加组件:

 declarations: [ App, MyComponent ],

最后一位打破它并返回404 XHR错误。到目前为止,我只是更改了导入声明(“./”与否),组件模板的内联/ URL模板,chrome / firefox浏览器,但到目前为止没有任何工作。我倾向于认为这是Plunker的错:S

1 个答案:

答案 0 :(得分:2)

mycomponent.ts的名称更改为src/mycomponent.ts,它会起作用。

错误是因为它不能包含组件(错误路径)。

不要忘记将<combo-compo></combo-compo>添加到您的app.ts模板。

检查出来:

enter image description here