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

【问题标题】：Angular 4.1.0 in Plunker: adding component returns 404 XHR ErrorPlunker 中的 Angular 4.1.0：添加组件返回 404 XHR 错误
【发布时间】：2017-09-26 11:28:59
【问题描述】：

我正在尝试将 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

【问题讨论】：

标签： javascript angular components plunker

【解决方案1】：

把mycomponent.ts的名字改成src/mycomponent.ts就可以了。

错误是因为它不能包含组件（路径错误）。

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

看看：

【讨论】：

好东西，但你怎么知道的？？！后来：哦，因为其他应用程序相关的文件在 src/.....pffffsst
因为错误意味着 angular 不能包含MyComponent。所以我开始查看路径，看到main.ts 和app.ts 有src 作为父文件夹。所以我记得代码，角度在src，而库和角度的东西在node_modules。