首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

NullInjectorError:没有NgZone的提供程序!(Angular 6库)

NullInjectorError:没有NgZone的提供程序!是Angular 6库中的一个错误。它通常发生在应用程序中缺少对NgZone的正确注入时。

NgZone是Angular中的一个核心服务,用于管理应用程序的变化检测和变更通知。它提供了一个执行上下文,用于跟踪和管理Angular组件的变化,并在变化发生时通知相关的组件进行更新。

要解决这个错误,可以尝试以下几个步骤:

  1. 确保在应用程序的根模块(通常是AppModule)中正确导入NgZone模块,并将其添加到providers数组中:
代码语言:typescript
复制

import { NgZone } from '@angular/core';

@NgModule({

代码语言:txt
复制
 providers: [NgZone]

})

export class AppModule { }

代码语言:txt
复制
  1. 确保在使用NgZone的组件或服务中正确注入NgZone。例如,在组件的构造函数中注入NgZone:
代码语言:typescript
复制

import { NgZone } from '@angular/core';

constructor(private ngZone: NgZone) { }

代码语言:txt
复制
  1. 如果在使用NgZone的组件或服务中使用了依赖注入(DI),请确保依赖注入的配置正确,并且NgZone被正确注入。
  2. 如果以上步骤都没有解决问题,可以尝试更新Angular版本或相关库的版本,以确保使用的是最新的稳定版本。

总结起来,NullInjectorError:没有NgZone的提供程序!错误是由于缺少对NgZone的正确注入引起的。通过正确导入NgZone模块并将其添加到providers数组中,以及在使用NgZone的组件或服务中正确注入NgZone,可以解决这个错误。

关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体的云计算品牌商,无法给出具体的推荐链接。但腾讯云提供了丰富的云计算产品和服务,包括云服务器、云数据库、云存储、人工智能等,可以根据具体需求在腾讯云官网上查找相关产品和介绍。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

用VSCode开发一个asp.net core 2.0+angular 5项目(4): Angular5全局错误处理

通过定义这些函数内容, 我们就可以在执行run回调前后添加自定义逻辑了. 回到Angular, angular变化检测(Change Detection)功能就用到了这些东西....比如angular一个component有一个click事件, click()方法里更新了某些属性值, 这个时候angular就需要进行变化检测, 如果真的发生了变化, 那么angular 就会更新...所以就出现了Zone.js这个. Zone.js就是一个执行上下文, 它可以在不同异步操作之间进行持久性传递. Angular就使用了这个, 在它之上建立了ngZone这个模块....所以当错误发生时候, toastrerror方法被调用了(状态改变了), 但是angular并不知道这个变化, 所以toastr通知没有显示. 那如何解决呢?...这次没有任何问题了.

1.5K50

Angular 异常处理

对于 Angular 应用程序,默认异常处理是在控制台中输出异常,这对于本地开发和测试阶段,是很方便。但这对于线上环境来说,输出到控制台没有多大意义。...针对上述需求,我们可以利用 Angular 为我们提供钩子,来实现自定义异常处理器: class MyErrorHandler implements ErrorHandler { handleError...对于使用 Angular CLI 创建 Angular 应用程序,在 src 目录下会自动生成一个 main.ts 文件: import { enableProdMode } from '@angular...相关知识,感兴趣同学可以阅读 Angular 2中Zone 这篇文章。...其实目前市面上也有一些不错异常监控平台,比如 FunDebug,该平台提供功能还是蛮强大,也支持 Angular 或 Ionic 项目,感兴趣同学可以了解一下 FunDebug Angular

1.3K20
  • Angular 服务器端渲染应用一个常见内存泄漏问题

    考虑如下 Angular 代码: import { Injectable, NgZone } from "@angular/core"; import { interval } from "rxjs"...退订 subscription 技巧有很多,下面是一个例子: import { Injectable, NgZone, OnDestroy } from "@angular/core"; import...闪烁问题可以抽象成如下步骤: 关于正在发生事情一个非常简化解释: (1) 用户访问应用程序(或刷新) (2) 服务器在服务器中构建html (3) 它被发送到用户浏览器端 (4) Angular...重新创建 应用程序(就好像它是一个常规Angular Universal 程序) (5) 当上述四个步骤发生时,用户会看到一个 blink 即闪烁屏幕。...始终明确一点,渲染应用程序时间点发生在应用程序 applicationRef.isStable 返回 true 时,参考下列代码: https://github.com/angular/an... function

    6510

    angular5面试题_大数据面试题

    : 升级angular自身,以及依赖 ng version: 显示anuglar cli全局版本、以及本地angular cli、angular code等版本 ng add: 新增第三方。...Angular提供了一种平滑机制,通过它我们可以将这些依赖项注入我们组件和指令中。因此,我们只是在构建依赖关系,这些依赖关系可以在应用程序所有组件之间注入。...因此,没有多余HTML文件可读取,从而为应用程序提供了更好安全性。...对于setTimeout,addEventListener、promise等都在ngZone中执行(换句话说,就是被zone.js封装重写了),angular并在ngZone中setup了相应钩子,通知...确保应用中已经移除了不使用第三方。同上。 项目较大时,考虑延迟载入(Lazy Loading), 保证首页加载速度。

    4.3K20

    Angular5.0.0新特性

    第一,我们可以将应用程序一部分标记为纯应用(pure),改进了现有工具提供摇树优化,删除了应用中其它不需要部分。...Angular Universal是一个帮助开发者实现SSR开源项目,通过在服务端渲染 Angular应用程序,然后在客户端引导启动程序并生成HTML,由此更好支持那些对javascript不太友好化境来提高应用程序性能...此处另一个改变是AngularUniversal团队添加了Domino渲染工具,Domino加入意味着我们在服务器端上下文中将可以支持更多DOM操作,改进了对第三方JS和组件支持。...(providers);5.0中方式:Injector.create(providers); 6.Zone执行速度提升   5.0中默认提供zones已经优化过,速度大幅提升,并且在应用程序中绕过...绕过zone引导启动应用程序方式: platformBrowserDynamic().bootstrapModule(AppModule,{ngZone:'noop'}).then( ref = {

    1.7K10

    Change Detection And Batch Update

    新一代框架或,例如Angular、React、Vue等等让我们关注点只在数据上,当数据更新时,这些框架/会帮我们更新DOM。...新手常碰到一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有Angular1提供事件系统...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据比较来决定是否更新UI,这点和Angular1脏值检测有点像,但是Angular2更新没有副作用...Angular1是通过封装自动调用$apply,但是存在手动调用场景,为了解决这个问题,Angular2没有采用1实现机制,转而使用了Zone.js。...Vue并没有这么干,不用于React、Angular1/2捕获异步方法上下文去更新,Vue采用了不同更新策略。

    3.7K70

    Change Detection And Batch Update

    新一代框架或,例如Angular、React、Vue等等让我们关注点只在数据上,当数据更新时,这些框架/会帮我们更新DOM。...新手常碰到一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有Angular1提供事件系统...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据比较来决定是否更新UI,这点和Angular1脏值检测有点像,但是Angular2更新没有副作用...Angular1是通过封装自动调用$apply,但是存在手动调用场景,为了解决这个问题,Angular2没有采用1实现机制,转而使用了Zone.js。...Vue并没有这么干,不用于React、Angular1/2捕获异步方法上下文去更新,Vue采用了不同更新策略。

    3.3K40

    程序6个真面目,没有一个被冤枉!

    纵使工作中有许多酸甜苦辣 你在岗位上每一点付出 每一行代码敲下 每一次需求完成 每一个bug修复 都让我们生活变得更加高效便捷...让科技绽放出向善而动人力量 致敬在岗位上创造不凡你!...五一劳动节,IT行业从业者们辛苦啦 小云为大家准备了三大专属福利!...快来参与互动,犒劳辛勤自己吧 01 分享有礼 参与方式 1、分享本文到朋友圈,并截图 2、将截图发送到公众号后台,即可抽奖 *请保留分享到5月10日12点开奖,兑奖将核验 02 回复有礼...参与方式 公众号后台回复「福利」领资料包&红包封面 *数量有限,先到先得 03 评论有礼 参与方式 公众号评论区聊一聊: 「你对所在岗位感受 or 工作中难忘时刻」 点赞量最高6位朋友

    16930
    领券