Angular6升级到Angular8报错问题的如何解决合集

1 polyfills ts中reflect文件丢失 报错如下 ERROR in src polyfills tsModule not found: Err

1.polyfills.ts中reflect文件丢失

报错如下

ERROR in ./src/polyfills.ts
Module not found: Error: Can't resolve 'core-js/es7/reflect' in 'E:\AJ\update_to8\LibraryDemo\telerik\src'

解决方案

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版本

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持好代码网。

您可能有感兴趣的文章
Angular6项目打包优化的如何实现方法

Angular6中如何使用Swiper的方法示例

angular6 如何利用 ngContentOutlet 如何实现组件位置交换(重排)

Angular8升级至Angular13遇到的问题如何解决

Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的如何解决方法