javascript - Plunker : adding component returns 404 XHR Error 中的 Angular 4.1.0

Question

我正在尝试将 Angular 4 与 Plunker 一起使用，但我无法添加新组件。网址是: 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

Answer 1

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

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

不要忘记添加 <combo-compo></combo-compo>给你的app.ts模板。

检查一下: