脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → Angular6升级到Angular8报错解决

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

 更新时间：2023年03月04日 13:23:23   作者：爆裂吧叶子  
这篇文章主要介绍了Angular6升级到Angular8报错问题的解决合集，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

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

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • AngularJS ng-controller 指令简单实例

    AngularJS ng-controller 指令简单实例

    本文主要介绍AngularJS ng-controller 指令,这里对ng-controller指令资料的整理,并附代码示例和效果图,有需要的朋友看下
    2016-08-08
  • Angular中ng-bind和ng-model的区别实例详解

    Angular中ng-bind和ng-model的区别实例详解

    这篇文章主要介绍了Angular中ng-bind和ng-model的区别实例详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • AngularJS select加载数据选中默认值的方法

    AngularJS select加载数据选中默认值的方法

    下面小编就为大家分享一篇AngularJS select加载数据选中默认值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • AngularJS 使用$sce控制代码安全检查

    AngularJS 使用$sce控制代码安全检查

    SCE，即strict contextual escaping,我的理解是 严格的上下文隔离 ...翻译的可能不准确，但是通过字面理解，应该是angularjs严格的控制上下文访问，通过本文给大家介绍AngularJS 使用$sce控制代码安全检查，对angularjs sce相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • 9种改善AngularJS性能的方法

    9种改善AngularJS性能的方法

    这篇文章主要为大家详细介绍了9种改善AngularJS性能的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-11-11
  • Angular简单验证功能示例

    Angular简单验证功能示例

    这篇文章主要介绍了Angular简单验证功能,涉及AngularJS事件响应、正则判定、页面元素属性动态修改等相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • 测试IE浏览器对JavaScript的AngularJS的兼容性

    测试IE浏览器对JavaScript的AngularJS的兼容性

    这篇文章主要介绍了测试IE浏览器对JavaScript的AngularJS的兼容性的方法,尽管随着Windows10的近期上市,IE浏览器即将成为历史...需要的朋友可以参考下
    2015-06-06
  • Angular2 环境配置详细介绍

    Angular2 环境配置详细介绍

    这篇文章主要介绍了Angular2 环境配置的相关资料,需要的朋友可以参考下
    2016-09-09
  • AngularJS入门教程之ng-class 指令用法

    AngularJS入门教程之ng-class 指令用法

    本文主要介绍AngularJS ng-class 指令,这里帮大家整理了ng-class资料和示例代码,学习AngularJS指令的同学可以参考下
    2016-08-08
  • Angularjs中的事件广播 —全面解析$broadcast,$emit,$on

    Angularjs中的事件广播 —全面解析$broadcast,$emit,$on

    下面小编就为大家带来一篇Angularjs中的事件广播 —全面解析$broadcast,$emit,$on。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
    2016-05-05

最新评论