Question

我正在角色官方网站上关注英雄教程。

我使用CLI生成了项目。

一切正常，直到第6部分路由：https://angular.io/tutorial/toh-pt5

我在路由之前更新了代码，教程说：

该应用程序仍会运行并显示英雄。

但是，我收到以下错误：


选择器＆＃34; my-app＆＃34;与任何元素都不匹配

来自Chrome开发者控制台。

我尝试在app-root中将my-app更改为index.html，或在my-app {{1}中将app-root更改为app.component.ts价值。什么都没有帮助。

这是我在过去一年中第二次从头开始尝试教程，但我相信我面临同样的问题（不记得我上次遇到的确切问题，但放弃了由于一些错误）。这让我觉得教程有问题。

但是，当我谷歌时，我无法找到任何有此问题的人。有一些人有


my-app与任何元素都不匹配

问题，但不是来自英雄教程。

其他人是否曾尝试过英雄教程？你有这个问题吗？我现在陷入困境，无法继续本教程。

你想要我的代码吗？正如我所说的那样，在将路由添加到等式之前，它与教程中给出的相同。

感谢。

更新

我说我的代码与教程中的代码相同，哦，有一些区别：1）我使用templateUrl，教程使用模板，2）我没有使用那些大字体h1，我我正在使用div。

所以相关代码如下所示，但除非您按照教程对项目进行CLI管理，否则不会让您前进，因为项目中有大量其他文件。我很好奇，有没有人成功地完成整个教程而没有遇到任何问题？如果是，那么我可能会做错事，但除此之外，我怀疑教程有问题。

selector

Answer 1

看起来像这样：

<body>
  <my-root></my-root>
</body>

需要这样：

<body>
  <my-app></my-app>
</body>

在index.html文件中。

为了回答你的问题，他们在4月的ngConf上为开发人员提供了一个工作空间的空间，这个工作就在我工作的那一天。它们似乎基本上都是成功的（大多数难以让npm安装工作在每个人的系统上。）但是我并没有密切关注，知道从那时起文档的那个区域是否发生了变化。（我是文档团队的成员，但主要是指导，而不是教程）。

Angular 2 Heroes教程错误：选择器＆＃34; my-app＆＃34;与任何元素都不匹配

1 个答案: