离子 3 中的组件问题

Question

我在离子应用程序中创建了几个页面，但是在调用该页面时，我收到以下错误Uncaught (in promise): Error: No component factory found for BoxPage. Did you add it to @NgModule.entryComponents?但是，我已经将页面详细信息添加到app.component.ts中，import { BoxPage } from '../pages/box/box';但问题仍然存在。我已经实现了一些页面，如主页，产品详细信息和购物车等，但任何新创建的页面都显示错误，其他一些新创建的页面也存在类似的问题。

Answer 1

就像错误说的那样：

错误：找不到 BoxPage 的组件工厂。您是否将其添加到 @NgModule.入口组件？

您需要将该页面(组件(添加到app.module.ts文件的@NgModule。您可以在 Ionic 文档中找到更多信息：

未找到以下组件工厂...

当您尝试时会发生此错误 使用尚未 导入并添加到您的ngModule中。每当添加新组件时， 提供程序、管道或指令，必须将其添加到ngModulesrc/app/app.module.ts文件中，以便 Angular 能够 使用它。要修复此错误，您可以导入有问题的组件， 提供程序、管道或指令到app.module文件中，然后如果 提供程序将其添加到提供程序数组中，对于组件，管道或 指令将其添加到声明数组和条目组件中 数组。

因此，在这种情况下，您需要将其添加到entryComponents和declarations数组中：

import { BoxPage } from 'the/path/to/the/file';
// ...
@NgModule({
declarations: [
// ...
BoxPage // <- Here!
],
imports: [
// ...
],
bootstrap: [IonicApp],
entryComponents: [
// ...
BoxPage // <- and also here!
],
providers: [
// ...
]
})
export class AppModule { }