‘app-xxx-xxx‘ is not a known element

最新推荐文章于 2024-05-27 21:59:14 发布
最新推荐文章于 2024-05-27 21:59:14 发布
阅读量3.3k 收藏 2
点赞数 1
分类专栏： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/smallNut/article/details/108863218
版权

angular项目中当需要将一个模块引入另一个模块中，如果对angular模块化不清晰可能会遇到这个问题

首先，我们可以先检查一下需要被引入的模块是否有被暴露出去，如果没有的话需要使用exports将其组件暴露出去
在这里插入图片描述
如果该模块已经暴露出去了的话还是报错那么就可以看看需要引入模块的地方是否有引入此模块，注意此模块名要与上面export导出的名字一致
在这里插入图片描述

拓展:也可以多个模块先引入同一个模块中，再将这个模块引入所需要引入的模块中

以此为例：我们可以将多个组件引入public模块中，再使用exports将模块中的组件暴露出去，引用public模块后便可以使用这些组件了
在这里插入图片描述

将public模块引入将要使用的模块中
在这里插入图片描述
便可以正常在引入的中使用了
在这里插入图片描述
希望能帮到遇到相同问题的朋友

花心小坚果
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ionic5 新建组件提示 ‘app-footer‘ is not a known element
小妖666个人笔记
09-20 808
新建footer组件在home组件里调用的时候提示： 'app-footer' is not a known element: 1. If 'app-footer' is an Angular component, then verify that it is part of this module. 2. If 'app-footer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of th
vue-element-admin中文版本
07-20
10. **PWA 支持**：Progressive Web App，通过 Service Worker 和 Manifest 文件，使网页具备离线缓存、添加到主屏幕、离线访问等特性，提高用户体验。 11. **单元测试与集成测试**：Vue-element-admin 可能包含了 ...
【Angular】"X" is not a known element
热门推荐
lollipop94的博客
01-03 1万+
学习Angular中出现的问题，某个组件不是已知的（组件）元素（is not a known element）。
“XXX.app”已损坏，无法打开。 你应该将它移到废纸篓
最新发布
chechenshi的博客
05-27 101
【代码】“XXX.app”已损坏，无法打开。你应该将它移到废纸篓。
Angular 2中 ‘component‘ is not a known element
weixin_43799793的博客
08-22 360
Angular 2中 ‘component’ is not a known element 报错如下图： When I deal with similar problems, there are several points ： Check the name is correct? (also check the selector defined in the component) Declare the component in a module? If it is in another modul
Angular报错Template parse errors: 'app-nvbar' is not a known element
qq_41474597的博客
09-01 1020
错误截图： 解决方式：组件的选择器名字不一致，所导致，所以我们以后在写代码时候，要多注意细节，哈哈，情况如下：
解决 Angular 项目中，添加 ＜router-outlet＞ 标签后，报错: ‘router-outlet’ is not a known element 的问题。
子溪随笔
03-01 1080
在 app.component.html页面中添加 <router-outlet></router-outlet> 标签后报错： 解决： 在路由文件，即 app-routing.module.ts 中，添加上一句：exports: [RouterModule] 截图如下： 即可解决 router-outlet 的报错问题。 参考： https://stackoverflow.com/questions/44517737/...
micro-app在vue-element-admin中的使用
05-07
本资源是在基于micro-app在vue-element-admin中的搭建之后对micro-app在vue-element-admin中的使用进行的进一步研究。 主要包括：路由、页面之间的跳转、数据通信、样式隔离、元素隔离、资源共享、组件共享等的一些...
openwrt usb打印服务程序luci-app-usb-printer
10-08
OPENWRT18.06网络打印机,usb打印服务安装,最新版本18.06.1软件源里只有luci-app-p910nd打印程序,不能很好兼容老打印机,没有luci-app-usb-printer.安装后，几台打印机全罢工，玩完了。只能重刷回旧版本。但心里不安心...
HTML+Element-ui邮件管理前端界面
07-12
不用脚手架，无需创建vue工程 若element-ui显示故障： 1.查看是否引用 <!--引入 element-ui 的样式，--> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/...new Ctor().$mount('#app')
npx create-react-app xxx创建项目报错的解决办法
10-15
主要介绍了npx create-react-app xxx创建项目报错的解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Angular执行测试报错: 'app-messages' is not a known element
我的开发博客(公众号:Web后端技术)
12-06 5115
ng-test-errors.md Angular执行测试报错: ‘app-messages’ is not a known element 本机环境： $ ng --version Angular CLI: 7.1.1 Node: 10.11.0 OS: darwin x64 Angular: 7.1.1 错误详情: Chrome 72.0.3622 (Mac OS X 10.13.6) Ap...
ionic4自定义组件报错'ion-' is not a known element:
Pluto
04-12 5826
项目要把顶部返回按钮抽成单个组件，于是使用ionic g component xx/xx/back 生成了组件文件 back.component.html中使用了ion-buttons <ion-buttons slot="start"> <ion-back-button text="返回" color="dark" icon="arrow-back"> </...
Angular 报错：NG8001: ‘mat-dialog-actions‘ is not a known element
小鹰信息技术服务部
04-16 1773
Angular开发，报错提示 NG8001: 'mat-dialog-actions' is not a known element，在html中确实有这个： <mat-dialog-actions align="end"> ... </mat-dialog-actions> 网上找到了原因：https://stackoverflow.com/questions/60789734/angular-material-mat-dialog-content-is-not-a-kn
《Angular之'app-tab' is not a known element》
杨晓风 迷迭香的记忆
07-16 4354
小编运用angular前端开发框架重构项目页面，在利用angular组件的过程中遇到问题，且听小编娓娓道来。
XXX.APP已损坏,打不开.你应该将它移到废纸篓
ak47147258369的博客
03-08 1488
XXX.APP已损坏,打不开.你应该将它移到废纸篓 MACOS 10.12 SIERRA 如遇：「xxx.app已损坏,打不开.你应该将它移到废纸篓」，并非你安装的软件已损坏，而是Mac系统的安全设置问题，因为这些应用都是破解或者汉化的,那么解决方法就是临时改变Mac系统安全设置。出现这个问题的解决方法：修改系统配置：系统偏好设置… -> 安全性与隐私。修改为任何来源...
mfc appxxx
不止二
08-16 3365
// MFCAppxxDlg.cpp : 实现文件 // #include "stdafx.h" #include "MFCAppxx.h" #include "MFCAppxxDlg.h" #include "afxdialogex.h" #include "mshtml.h" #ifdef _DEBUG #define new DEBUG_NEW #endif
mac 无法打开“XXXXXXX.app”，因为无法确认开发者的身份。
Delong-IT
10-26 756
mac无法打开“XXX.app”，因为无法确认开发者的身份。
CXXXAPP 读命令行信息
xust999的专栏
06-12 2678
在CXXXApp::InitInstance() 中对命令行信息进行了读取，如： CCommandLineInfo cmdInfo; ParseCommandLine(cmdInfo); 可以对cmdInfo值进行判断，做进一步设置，如以下语句，程序启动时将文件新建设置为FileNothing，不打开视图，只显示框架。  if (cmdInfo.m_nShellComman
hbuilder运行app时--openssl-legacy-provider is not allowed in NODE_OPTIONS
03-06
在HBuilder中运行App时，如果出现"openssl-legacy-provider is not allowed in NODE_OPTIONS"的错误提示，这是因为在最新版本的Node.js中，不再支持使用"openssl-legacy-provider"作为NODE_OPTIONS的选项。 要解决这个问题，你可以尝试以下几种方法： 1. 更新HBuilder和相关插件：确保你使用的是最新版本的HBuilder和相关插件，以确保与最新版本的Node.js兼容。 2. 检查NODE_OPTIONS设置：在HBuilder中，打开项目的配置文件（如package.json或config.xml），查找是否有设置了NODE_OPTIONS的选项。如果有，尝试将其中的"openssl-legacy-provider"移除或替换为其他合适的选项。 3. 检查Node.js版本：检查你的电脑上安装的Node.js版本是否过低或过高。如果是过低的版本，尝试升级到最新版本。如果是过高的版本，尝试降级到与HBuilder兼容的版本。 4. 重新安装Node.js：如果以上方法都没有解决问题，可以尝试重新安装Node.js，并确保安装的是与HBuilder兼容的版本。 希望以上方法能够帮助你解决问题！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值