Angular6升级到Angular8报错解决合集

本文针对Angular8升级过程中遇到的polyfills.ts中reflect文件丢失、@anguar/http不兼容、kendoCSS报错及typescript不兼容问题,提供了详细的解决方案,包括代码修改、依赖更新等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值