Angular2基础设置错误

Question

首先，我是 Angular 2 的新手，我正在尝试在我希望用户登录的地方设置新项目，如果登录成功（在我的情况下总是如此），那么应该将用户重新路由到另一个组件。

这是我的代码： https://github.com/tsingh38/Angular2Demo

我也对这里的编译错误感到震惊

zone.js:355Unhandled Promise 拒绝：模板解析错误： “导航”不是已知元素： 1. 如果“导航”是一个 Angular 组件，则验证它是该模块的一部分。 2. 如果“导航”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”中 压制此消息。 （“ [错误 ->]

")：SiteComponent@5:0；区域：；任务：Promise.then；值： 错误：模板解析错误：（…）错误：模板解析错误： “导航”不是已知元素： 1. 如果“导航”是一个 Angular 组件，则验证它是该模块的一部分。 2. 如果“导航”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”中 压制此消息。 （“ [错误 ->]

请建议我，这是定义流程的标准方式吗？

谢谢

Answer 1

这不是一个真正的答案，而是一个解决方案。我看了你的代码，没有看到任何明显的东西。我克隆了您的存储库，然后在尝试运行该项目时能够看到所有问题。

在我开始运行之前，我必须解决一些问题。我已经修复了所有这些问题，并根据您的代码创建了一个拉取请求。您可以在拉取请求中看到我更改的内容。我添加了一个 .gitignore 文件，因此您无需签入所有节点模块。您还拼错了“loginn”。如果您在查看拉取请求后有任何问题，请告诉我。

以下是拉取请求中更改的文件。 https://github.com/tsingh38/Angular2Demo/pull/1/files

Answer 2

在 site.component.html 中，您正在使用以下标签

<navigation></navigation>

但是，在 navigation.component.ts 中，您将组件选择器定义为 app-navigation，这意味着

<app-navigation></app-navigation>