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

错误信息图示】

错误原因】

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

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...