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

【错误信息图示】

【Angular学习】Angular4 ng serve报错:ERROR in AppModule is not an NgModule解决方法_第1张图片

【错误原因】

出现这个错误的原因是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库

rimraf node_modules

第六步:重下载node库

cnpm install

第七步:查看项目的typescript版本和依赖,发现两个版本一致了。

npm ls typescrip
+-- @angular/cli@1.6.7 -> E:\07.技术研究\01 Angular\onlineproduct\node_modules\_@angular_cli@1.6.7@@angular\cli
| +-- @angular-devkit/build-optimizer@0.0.42
| | `-- typescript@2.6.2
| `-- @schematics/angular@0.1.17
|   `-- typescript@2.6.2
`-- typescript@2.6.2  extraneous

第八步:启动项目

ng serve

你可能感兴趣的:(Angular,4)