Ionic6使用组件出现错误:Did you add it to @NgModule.entryComponents

微笑涛声 发表于 2021/03/26 00:22:33 2021/03/26
【摘要】 缘由 在Ionic6和Angular8项目中使用组件时出现错误:Error: No component factory found for LoginComponent. Did you add it to @NgModule.entryComponents? 在我的上一篇文章:移动开发:Ionic框架实现注册与登录功能中,实现软件运行时弹出登录页面,使用的就是组件化...

缘由

Ionic6Angular8项目中使用组件时出现错误:Error: No component factory found for LoginComponent. Did you add it to @NgModule.entryComponents? 在我的上一篇文章:移动开发:Ionic框架实现注册与登录功能中,实现软件运行时弹出登录页面,使用的就是组件化(component)。
image

然而在最后运行的时候却报错。上网查了资料,大概就是说我现在代码的写法是ionic老版本的,而我的ionic版本是6.6.0。出现这个问题是因为我没有在要是这个组件的页面所在的模块中引入此组件导致。

解决方法(一)

找到页面所在的模块(xxx.module.ts)代码,进行修改,如下:

就是增加entryComponents:[LoginComponent],用于解决上面的问题。并且在declarations中加入LoginComponent,不然还会出现“Component LoginComponent is not part of any NgModule or the module has not been imported into your module.”错误。

image

解决方法(二)推荐

第一个方法只针对组件使用次数为1次的情况,如果这个组件会被多个页面使用的话,解决方法一会出现新的问题。

找到项目app.module.ts文件的代码,进行修改,如下:

entryComponentsdeclarations中分别添加:LoginComponent;原理和方法一是一样的,只不过添加的文件不一样。

image

文章来源: blog.csdn.net,作者:微笑涛声,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/weixin_42343931/article/details/106249314

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。