Angular错误NG6002:出现在AppModule的NgModule.imports中，但无法解析为NgModule类

于 2024-03-22 11:01:02 发布
阅读量540 收藏
点赞数 1
文章标签： angular.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49523082/article/details/136934715
版权
文章讲述了在开发过程中遇到CommonModule类未识别的问题，通过删除node_modules文件夹、清除npm缓存并分别在VSCode和终端执行npminstall和npmstart命令来解决，从而成功重新编译项目并消除VSCode中的错误。
摘要由CSDN通过智能技术生成 
'CommonModule' does not appear to be an NgModule class.
解决方法
  1. 已删除node_modules文件夹
  2. 已清除npm缓存npm cache clean --force
  3. 在VSCode中打开项目后，我执行了npm install，然后在不同于VSCode终端的终端（在我的例子中是iTerm2）中从项目根执行了npm start。这允许重新编译项目，VSCode中的错误消失了
shmily麻瓜小菜鸡
关注
【Angular学习】Angular4 ng serve报错：ERROR in AppModule is not an NgModule解决方法
十年磨一剑，沉淀……
02-01 3105
【错误信息图示】 【错误原因】 出现这个错误的原因是angular/cli自己依赖的那个版本和本地ts版本不一致的问题，ts版本过高会出现这个错误。 【解决办法】 第一步：卸载全局的ts npm uninstall -g typescript 第二步：安装2.2.2版本的ts npm install -g typescript@2.2.2 第三步：查看ts版本是否安
Angular中ng-template和ng-container的应用
小王的技术库
07-29 2528
Angular的日常工作中经常会使用到ng-template和ng-container，本文对他们做一个总结。ng-template是一个Angular元素，它不会直接显示出来。在渲染视图之前，Angular会把它的内容替换为一个注释。ng-template是用来定义模板的，当定义好一个模板之后，可以用ng-container和ngTemplateOutlet指令来进行使用。简单点来说，就是定义了一个模板片段，并且起了一个名字，在需要的时候可以通过名字来使用这个片段。 作用域的Template 带作用域
Angular Compile Error NG6002
youn9e的博客
07-08 638
angular 升级遇到的坑 问题 项目启动后报 Angular Compile Error: NG6001/NG6003/NG6003: The class ‘AppComponent’ is listed in the declarations of the NgModule 'AppModule 解决 // angular.json "build": { "builder": "@angular-devkit/build-angular:browser",
This import contains errors, which may affect components that depend on this NgModule -Angular
最新发布
qq_36722315的博客
03-10 1255
解决：检查你定义的pagemodule和app.module中引入的components,不能重复引入。
angularjs2启动项目报ERROR in AppModule is not an NgModule解决方法
WhoWrongsWhere的专栏
05-23 4021
如图： 这主要是ts编译器版本问题，一般是因为ts编译器版本过高导致。 解决方式： npm uninstall -g typescriptnpm install -g typescript@2.2.2tsc -v 查看安装的typescript版本修改package.json中的typescript版本为2.2.2 （注明：不要写为 " ^ 2.2.2"）删除node
Angular报错
diyu8056的博客
03-21 463
报错： Module 'App' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 解决办法： angul...
webpack打包遇到locals[0] does not appear to be a `module` object with Hot Module replacement API enabled...
weixin_30289831的博客
11-22 292
解决办法： 1.删除.bablerc文件的env下的"development":{"presets":["react-hmre"]} 2.在webpack.config的loader添加以下代码 module: { loaders: [ { test: /\.(js|jsx)$/, loader: 'babel', ...
Angular表单验证实战：内置与自定义验证解析
export class AppModule { } ``` 在`app.component.ts`中，我们创建一个`FormGroup`实例来管理表单控件，并使用`FormControl`和`Validators`来定义验证规则。例如，用户名字段可以这样设置： ```typescript import...
Angular 4.X开发实践中的踩坑小结
12-02
尽管`CommonModule`可能已经在`AppModule`中被导入，但每个单独的组件模块都需要有自己的导入，因为Angular的模块是隔离的。为解决这个问题，可以在组件的模块中添加以下代码： ```typescript import { ...
诚之和:如何在Angular中实现文件上传？在Angular中实现文件上传方法分享！
weixin_45378258的博客
09-27 884
上传文件是大多数项目不可或缺的一部分。但是，在考虑文件上传方法时，您应该仔细评估项目的需求。您可以使用 Angular 组件手动上传文件，例如 FormData、HttpClientModule 和响应式表单。这些组件中的每一个都将用于不同的目的。 在本文中，您将了解用于文件上传的流行 Angular 组件，包括有关如何在 Angular 9 中实现文件上传的快速教程。 什么是角？ Angular 是一个开发平台和框架，您可以使用它在 JavaScript (JS) 或 TypeScript (...
激动人心的 Angular HttpClient的源码解析
12-11
接着，在主模块（AppModule）中导入HttpClientModule： ```typescript import { HttpClientModule } from '@angular/common/http'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, ...
引入公共模块common报错问题
new_Xxx的博客
02-24 4648
1.如果是父模块下有多个子模块,common模块在子模块中,pom文件中应有如下内容: common模块的pom.xml <parent> <artifactId>praent</artifactId> <groupId>域名</groupId> <version>1.0-SNAPSHOT</version>...
解决Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class
热门推荐
qq_47795171的博客
10-11 1万+
写angular项目出现的坑 ERROR in src/app/flying-heroes/flying-heroes.component.ts:9:14 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class. Is it missing an @NgModule annotation? 9 export class FlyingHeroes
angular 9 module router 处理
wilsonke的专栏
05-21 889
at ZoneDelegate.invoke (zone.js:372) ERROR Error 关于上面问题的解决，能到这步的朋友相信都已经是半高手了。所以不作过多描述，直接上代码。 效果图 我的环境如下: _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ ...
【Angular引入Echarts踩坑指南】
weixin_45876175的博客
11-20 1764
angular项目引入echarts时版本兼容问题学习日志
INSTALL_FAILED_VERSION_DOWNGRADE
小牧在一直在学习,在前进的道路上大家一起学习，进步。
12-04 1163
使用 adb install 安装apk 的时候出现的改问题, 说下处理方法: adb install -r -d xxx(路径) 这个是卸载之前的app 并安装新的app
angular学习之路18-ngmodule
qq_24401529的博客
06-30 984
1,NgModule简介 NgModules用于配置注入器和编译器，并帮你把那些相关的东西组织在一起。 NgModule 是一个带有@NgModule装饰器的类。@NgModule的参数是一个元数据对象，用于描述如何编译组件的模板，以及如何在运行时创建注入器。 它会标出该模块自己的组件、指令和管道，通过exports属性公开其中的一部分，以便外部组件使用它们。NgModule...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值