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模板中。

看看這個：