javascript - Angular2，尝试添加新模块时出错

Question

我正在尝试创建一个名为 my-checklist 的组件，但运行它时遇到问题。

我已经在 app.ts 中声明了新模块并导入了它，但它似乎无法找到我的 html 文件。

我得到的错误是:

zone.js:661 Unhandled Promise rejection: Failed to load checklist.component.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load checklist.component.html undefined

https://plnkr.co/edit/WZSc1X7whm658LEHidC4?p=preview

Answer 1

问题出在您的 app.ts 中。

您尝试打开组件，但链接到应用程序，您的模块找不到您的 html，因为您将其链接到您的 app.ts 而不是您的 component.ts。

在你的 app.ts 中你说

Bootstrap :[应用程序]

应该是

Bootstrap :[MyCheckList]

尝试关注https://angular.io/tutorial如果没有，您可以查看演示。

花了一些时间做了一个小工具:https://plnkr.co/edit/1v0cd9y8BZ0KTQUDlhik?p=preview另请注意，由于某种原因，plunker 需要 src/*.html。正常情况下你使用 ./来实现。