No component factory found for ListPage. Did you add it to

小渣渣

Uncaught (in promise): Error: No component factory found for ListPage. Did you add it to @NgModule.entryComponents?
Error: No component factory found for ListPage. Did you add it to @NgModule.entryComponents?
    at noComponentFactoryError (http://localhost:8100/build/vendor.js:4303:34)
    at CodegenComponentFactoryResolver.resolveComponentFactory (http://localhost:8100/build/vendor.js:4367:19)
    at DeepLinker.resolveComponent (http://localhost:8100/build/vendor.js:24838:20)
    at Tab.NavControllerBase._viewInit (http://localhost:8100/build/vendor.js:51914:45)
    at http://localhost:8100/build/vendor.js:51730:23
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://localhost:8100/build/vendor.js:5134:33)
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14916)
    at r.run (http://localhost:8100/build/polyfills.js:3:10143)
    at http://localhost:8100/build/polyfills.js:3:20242
        
        
        
Error: Uncaught (in promise): Error: No component factory found for ListPage. Did you add it to @NgModule.entryComponents?
Error: No component factory found for ListPage. Did you add it to @NgModule.entryComponents?
    at noComponentFactoryError (http://localhost:8100/build/vendor.js:4303:34)
    at CodegenComponentFactoryResolver.resolveComponentFactory (http://localhost:8100/build/vendor.js:4367:19)
    at DeepLinker.resolveComponent (http://localhost:8100/build/vendor.js:24838:20)
    at Tab.NavControllerBase._viewInit (http://localhost:8100/build/vendor.js:51914:45)
    at http://localhost:8100/build/vendor.js:51730:23
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14976)
    at Object.onInvoke (http://localhost:8100/build/vendor.js:5134:33)
    at t.invoke (http://localhost:8100/build/polyfills.js:3:14916)
    at r.run (http://localhost:8100/build/polyfills.js:3:10143)
    at http://localhost:8100/build/polyfills.js:3:20242
    at c (http://localhost:8100/build/polyfills.js:3:19752)
    at c (http://localhost:8100/build/polyfills.js:3:19461)
    at http://localhost:8100/build/polyfills.js:3:20233
    at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
    at Object.onInvokeTask (http://localhost:8100/build/vendor.js:5125:33)
    at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
    at r.runTask (http://localhost:8100/build/polyfills.js:3:10834)
    at o (http://localhost:8100/build/polyfills.js:3:7894)
    at e.invokeTask [as invoke] (http://localhost:8100/build/polyfills.js:3:16823)
    at p (http://localhost:8100/build/polyfills.js:2:27648)

本人ionic小白，按照官网给的例子，想建一个ListPage页面，根本官方的格式大体搞了一下，最后点击报错如上。


仔细查看代码发现并无问题和文档中写的一致。最终发现问题其实出在 app.module.ts.

app.module.ts中全面初始化并定义了项目中的模块，所以当跳转到详情页面的时候便新增了一个详情页的模块，此时没有及时更新app.module.ts中的内容。所以会报此错误。

app.module.ts文件存放在项目\src\app\app.module.ts位置。

解决办法：在app.module.ts 中引入新模块，并在declarations，entryComponents里面添加新模块即可。



代码：

登录可见。

其中ListPage是自己新建的页面！最终效果图如下：