备案控制台
探索云世界
开发者社区 汪子熙 文章 正文

Angular compiler报的一个错误消息：Component XX is not part of any NgModule

2021-12-08 137
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Angular compiler报的一个错误消息：Component XX is not part of any NgModule

Error in /turbo_modules/@angular/compiler@9.1.12/bundles/compiler.umd.js (29363:23)

Component ProductListComponent is not part of any NgModule or the module has not been imported into your module.


image.png

错误分析

app.module.ts里，只import了ProductListComponent，但却未申明到declarations区域内：image.png

添加之后错误消失：

image.png

关键词：
Angular ngmodule
开发工程师
目录
相关文章
你挚爱的强哥
|
4月前
Angular多个页面引入同一个组件报错The Component ‘MyComponentComponent‘ is declared by more than one NgModule怎么办？
Angular多个页面引入同一个组件报错The Component ‘MyComponentComponent‘ is declared by more than one NgModule怎么办？
你挚爱的强哥
56 1
开发者小达人
Angular NgModule 中的 declarations 和 exports定义
我在app.component.ts的template文件里试图使用另一个Component时，遇到如下错误消息： app-parent-child is not a known element:
开发者小达人
132 0
Angular NgModule 中的 declarations 和 exports定义
技术君
Angular NgModule里定义的注解和NgModuleRef$1运行时
Angular NgModule里定义的注解和NgModuleRef$1运行时
技术君
90 0
Angular NgModule里定义的注解和NgModuleRef$1运行时
技术君
Angular @NgModule providers里multi等于true在源代码里如何体现的
Angular @NgModule providers里multi等于true在源代码里如何体现的
技术君
91 0
Angular @NgModule providers里multi等于true在源代码里如何体现的
开发工程师
|
前端开发 JavaScript
angular基本知识学习笔记 - NgModule的基本概念
angular基本知识学习笔记 - NgModule的基本概念
开发工程师
100 0
angular基本知识学习笔记 - NgModule的基本概念
技术工程师
Angular NgModule providers字段维护了多个字段后的初始化实现
Angular NgModule providers字段维护了多个字段后的初始化实现
技术工程师
87 0
Angular NgModule providers字段维护了多个字段后的初始化实现
技术工程师
Angular NgModule里定义的注解和NgModuleRef$1运行时
Angular NgModule里定义的注解和NgModuleRef$1运行时
技术工程师
78 0
Angular NgModule里定义的注解和NgModuleRef$1运行时
技术工程师
Angular @NgModule providers里multi等于true在源代码里如何体现的
Angular @NgModule providers里multi等于true在源代码里如何体现的
技术工程师
89 0
Angular @NgModule providers里multi等于true在源代码里如何体现的
架构师郭郭
Angular2 小贴士 NgModule 模块
angular2 具有了模块的概念，响应了后台程序的号召，高内聚 低耦合。模块就是用来进行封装，进行高内聚  低耦合的功能。 其实各人认为ng2 的模块和.net的工程类似，如果要使用模块中定义的功能，第一步就是必须要引用它，ng2 中叫import 导入。
架构师郭郭
1108 0
jerrywangsap
|
2月前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
jerrywangsap
30 2

汪子熙

热门文章

最新文章

  • 1
    设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
  • 2
    Angular 应用 node_modules 子文件夹 @types 的作用介绍
  • 3
    基于Angular的简易在线购物车设计与实现
  • 4
    Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
  • 5
    1分钟入门angular动画效果animations，敲简单滴哟~~☺
  • 6
    【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
  • 7
    【angular】启动项目和路由配置
  • 8
    angular之provide，service，factory等区别
  • 9
    Angular Input格式化
  • 10
    进入DRF和ANGULAR的整合学习，这三篇入门内容一定要学好的
  • 1
    【angular】启动项目和路由配置
    6
  • 2
    【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx&param2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
    11
  • 3
    Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
    11
  • 4
    1分钟入门angular动画效果animations，敲简单滴哟~~☺
    11
  • 5
    设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
    13
  • 6
    Angular 应用 node_modules 子文件夹 @types 的作用介绍
    12
  • 7
    基于Angular的简易在线购物车设计与实现
    12
  • 8
    Angular：构建现代Web应用的终极选择
    23
  • 9
    目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
    101
  • 10
    2024 年 3 月 1 日安装 Composable Storefront 2211 遇到 Angular 和 TypeScript 版本不匹配的错误
    21

    • 相关电子书

    更多
  • Architecting a Multi-Tenanted Platform
  • Angular从零到一
  • In-Flux Limiting for a Multi-T
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）