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

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 <combo-compo></combo-compo>到您的app.ts模板中。

看看这个：