添加新组件后，ionic2空白屏幕

Question

GitHub：https://github.com/eshk12/Parabi/

我正在尝试添加新的组件调用Medicine（位于页面目录中）。 我已将其导入app.modules.ts和app.component.ts， 我导入后。我收到一个空白屏幕，出现此错误：

Unhandled Promise rejection: Failed to load HomePage.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load HomePage.html undefined

我希望你们帮助我，THX！

Answer 1

在app.component.ts中，您需要将该页面添加到数组组件。

this.pages = [
  { title: 'עמוד הבית', component: HomePage },
  { title: 'WhatEverTitle', component: Medicine },
 ];

同时导入该页面。看起来你的Medicine.html也需要一些重构。

我建议您使用以下命令生成页面

 ionic g page Medicine

Answer 2

你不必修复你的app.component，但是像Savan说的那样，你需要看看Medicine.html。它不应该包含所有通常的doctype，heading，body，（etc ..）标签。出于测试目的，我删除了Medicine.html中的内容，并添加了此

<ion-content>       
    <p color="dark">Title</p>
</ion-content>

使用ionic cli生成页面，组件和指令。

https://ionicframework.com/docs/v2/cli/