【Angular学习】Angular4 ng serve报错：ERROR in AppModule is not an NgModule解决方法

最新推荐文章于 2024-03-22 11:01:02 发布
最新推荐文章于 2024-03-22 11:01:02 发布
阅读量3k 收藏
点赞数
分类专栏： Angular 4
本文为博主原创文章，未经博主允许不得转载 -- 杨晓慧。
本文链接：https://blog.csdn.net/YYZZHC999/article/details/79232855
版权
本文介绍了Angular4项目中遇到的`AppModule is not an NgModule`错误的解决过程，错误源于Angular CLI所依赖的TypeScript版本与本地版本不匹配。解决方案包括：降级TypeScript到2.2.2版本，更新package.json，清理并重新安装node_modules，最终确保项目中TypeScript版本的一致性，从而成功启动项目。
摘要由CSDN通过智能技术生成

【错误信息图示】

这里写图片描述

【错误原因】

出现这个错误的原因是angular/cli自己依赖的那个版本和本地ts版本不一致的问题，ts版本过高会出现这个错误。

【解决办法】

第一步：卸载全局的ts

npm uninstall -g typescript

第二步：安装2.2.2版本的ts

npm install -g typescript@2.2.2

第三步：查看ts版本是否安装成功

tsc -v

第四步：修改package.json文件中的typescript的版本为~2.2.2
第五步：卸载node库

最低0.47元/天 解锁文章
Hepburn Yang
关注
专栏目录
ng serve 报错： 95% emitting LicenseWebpackPlugin(node:21768) UnhandledPromiseRejectionWarning…
小青蛙的博客
10-10 7897
今天升级了Angular-cli版本到：Angular CLI: 6.2.4 后，初始化了个新项目，cnpm install 安装好依赖后 ng serve 报错。 报错信息如下： ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4...
ERROR in AppModule is not an NgModule
云淡风轻、仅此一抹
03-17 7344
angularjs2的环境问题解决了好久。 百度到的答案也是各种各样还解决不了我的问题。 好在这几天经过不断的测试终于给解决了。 ERROR in AppModule is not an NgModule ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property 'newLine' of u
ng serve报错
Crazy_Sakura的博客
04-02 3635
The serve command requires to be run in an Angular project, but a project definition could not be found. 原因是新的@ angular / cli表单版本7在版本1.xx中有一个angular.json文件而不是angular-cli.json你可以通过运行修复它： ng update @ang...
Angular ng serve 报错：Workspace needs to be loaded before it is used.
大强博客
07-15 1378
错误信息：D:\workspace-sts\dqgy\manage>ng serveC:\Users\dqgzs\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\core\src\workspace\workspace.js:59            throw new Workspace...
Angular5 import interface 报错：XXX is not a module
weixin_30821731的博客
10-12 4219
在项目里定义了一个interface，device.ts。然后在component.ts中要使用这个interface，import之后，VSCode报错：‘xxx/xxx/xxx/device.ts’ is not a module。 搞了半天还是没找到解决办法。后来终于在StackOverflow上找到了解决办法，那就是——重新npm start或者ng se...
Angular执行测试报错: 'router-outlet' is not a known element
我的开发博客(公众号:Web后端技术)
12-06 7756
本机环境： $ ng --version Angular CLI: 7.1.1 Node: 10.11.0 OS: darwin x64 Angular: 7.1.1 ... animations, cli, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... pl...
angular 创建service-worker项目报错：Unknown option: '--service-worker'
cen_cs的专栏
09-07 952
angular创建service-worker项目报错：Unknown option: '--service-worker' 错误原因： The --service-worker option is only available for the ng build command. // --service-worker只支持 ng build命令。 --service-work...
IDEA中 用ng serve命令启动angular项目出现的问题
qq_33092833的博客
02-25 2402
背景： 电脑系统：win7 64位 开发工具：IDEA 2016 git上拉取下来完整的angular项目，IDEA直接打开,当在IDEA下方Terminal栏中输入ng serve启动项目失败。。。错误及解决方式记录如下： BUG 1 : ng 不是内部命令 原因：提示ng不是内部命令，表示是你的电脑系统没有安装该类命令 提示没有安装，那我们就对症下药先安装命令。记录如下： 第一步下载并安装n...
ng serve报错An unhandled exception occurred: Cannot find module '@angular-devkit/build-webpack'
热门推荐
Return42
07-26 1万+
报错后无法正常启动 尝试通过cnpm install解决，虽然命令执行成功，但是并没有效果 执行rm -r -force node_modules 在重新执行cnpm install 报另外的错 执行cnpm rebuild node-sass 再执行cnpm install 成功解决问题 ...
npm--ng serve命令报错--cannot find module XXX
weixin_30599769的博客
10-25 404
　　我好像不是第一次遇到cannot find module XXX这个错误了。但是我这个人记性不是特别好，每次都会忘记，这次要记录一下。首先看一下报错信息： ERROR in C:/Users/H254431/webapp/bi-dashboard/dashboard/src/app/components/cluster-center/load-balance/loadbalance.s...
使用VSCode时，执行ng serve出错
狼魂之力
09-26 894
执行 npm install -g serve 安装全局 问题描述 使用ng new hello-angular命令创建 angular 应用； 使用 VSCode 打开hello-angular应用，在终端中执行ng serve命令，报错如下： serve dist ** ** 解决办法 第一次使用 VSCode，默认使用的 powershell 执行命令，在 powershell 中禁止执行ng.ps1脚本文件。 使用 windows 的 cmd 时，可以正常执行ng serve --open命令，正常
安装angular/cli脚手架后，用ng serve运行项目报错、error:0308010C:digital envelope routines::unsupported
zl的博客
06-29 965
使用npm安装angular/cli脚手架后，用ng serve运行项目报错：出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.
angular中ng serve启动小问题
weixin_49863000的博客
03-29 407
管理员身份启动Windows PowerShell 运行set-ExecutionPolicy RemoteSigned选择全是即可
angular项目报Module not found错误的一种可能原因
杂货铺的少掌柜
03-03 1579
原因：在进行import的时候，使用的是webstorm这种IDE导入的，导致导入文件的路径太过精确 实例： 上图是我用webstorm的自动导入功能引入的，结果报了如下错误： 修改以后就好了： ...
Angular错误NG6002:出现在AppModule的NgModule.imports中，但无法解析为NgModule类
最新发布
weixin_49523082的博客
03-22 496
【代码】Angular错误NG6002:出现在AppModule的NgModule.imports中，但无法解析为NgModule类。
webpack打包遇到locals[0] does not appear to be a `module` object with Hot Module replacement API enabled...
weixin_30289831的博客
11-22 287
解决办法： 1.删除.bablerc文件的env下的"development":{"presets":["react-hmre"]} 2.在webpack.config的loader添加以下代码 module: { loaders: [ { test: /\.(js|jsx)$/, loader: 'babel', ...
angular4.0学习
mac文的java路
10-21 444
安装angular CLI npm install -g @angular/cli 创建一个新项目 ng new project_name 指定端口运行项目 ng serve --port 8888 安装bootstrap npm i bootstrap -S 安装好以后，node_modules里面就会有bootstrap包 在angular.json配置文件styles中引入bootstrap，并且在app.component.html中写几个bootstrap的button，.
angularjs启动项目报ERROR in AppModule is not an NgModule解决方法
weixin_30240349的博客
01-20 369
这主要是ts编译器版本问题，一般是因为ts编译器版本过高导致。 解决方式： npm uninstall -g typescript npm install -g typescript tsc -v 查看安装的typescript版本 修改package.json中的typescript版本为当前电脑所安装版本 删除node_module 重新安装cnpm instal...
angular创建项目报错:setTimeout is not defined
09-09
关于 "setTimeout is not defined" 的错误，这通常是由于在 Angular 项目中未正确导入或使用定时器函数造成的。 请确保你在使用 `setTimeout` 函数之前正确导入它。在 Angular 中，你可以通过在组件的顶部添加以下...
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值