当切换到@IonicPage组件时，Ionicons不再显示

Question

将我的页面更改为延迟加载后（通过带有单独模块的@IonicPage），所有离子都消失了。在app.module.ts中直接声明组件时，一切正常。

我确实找到了workaround using web components，但它非常繁琐，我仍然认为这是一个错误，或者我不知道如何导入正确的模块或者没有创建结构正如它应该的那样。

这就是我使用离子的方法：

 <button [navPush]="'admin'" ion-button icon-end>
        Admin
        <ion-icon name="star"></ion-icon>
 </button>

• 破碎版：https://github.com/ScaleIT-Org/ionic-app-skeleton/tree/ionicon-broken
• ＆＃34;没有懒惰负载＆＃34;工作版：https://github.com/ScaleIT-Org/ionic-app-skeleton/tree/ionicon-fix-no-lazy-load
• 已修复（解决方法＃499）版本：https://github.com/ScaleIT-Org/ionic-app-skeleton/tree/ionicon-workaround-fix

它应该如何：

切换到单独的模块和@IonicPage组件后，图标不再可见：

我还创建了一个包含所有细节的问题： https://github.com/ionic-team/ionicons/issues/526

我的问题是：我们是否需要在代码中明确导入离子作为模块？如果是这样，我该怎么做。

任何帮助非常感谢，提前谢谢。

Answer 1

您需要在任何使用Ionic组件的组件模块中导入IonicModule，而不是使用forRoot（），而只需导入IonicModule。

更新 components.module.ts 文件，如下所示：

{{1}}