Angular6升级到Angular8报错如何解决

这篇“Angular6升级到Angular8报错如何解决”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Angular6升级到Angular8报错如何解决”文章吧。

1.polyfills.ts中reflect文件丢失

报错如下

ERROR in ./src/polyfills.ts
Module not found: Error: Can't resolve 'core-js/es7/reflect' in 'E:AJupdate_to8LibraryDemo eleriksrc'

解决方案

import ‘core-js/es7/reflect';

替换为

import 'core-js/es/reflect'

2.@anguar/http不兼容

报错如下

npm WARN @angular/http@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself.

新版本的angular8不在支持和需要@angular/http，因此可以删除

执行

PM>npm uninstall @angular/http

如果package.json里面还有@angular/http，请手动删除，并执行一遍下方代码

npm i

3.kendo CSS报错

这种报错是由于kendo的主题包引用错误导致的，新版本的主题包通过angular.json引用

解决方法如下

（1）src/style.scss文件里面的引用给注释掉

// @import "~@progress/kendo-theme-default/scss/all";

（2）在angular.json 里面添加主题包的引用

   "styles": [
              "src/styles.scss",
              "node_modules/@progress/kendo-theme-default/dist/all.css"
            ],

重新启动程序，解决问题

4.typescript不兼容问题

报错如下

@angular/compiler-cli@8.0.3 requires a peer of typescript@>=3.4 <3.5 but none is installed. You must install peer dependencies yourself.

解决方法

npm i typescript@3.4.3

这里推荐3.4.3版本