首页
学习
活动
专区
工具
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

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位朋友

15230

Python程序员都会喜欢6

没人希望在费劲心思之后,只是做到弹出消息窗口或是快速写入数据。因此,程序员都会喜欢那些能够快速处理这些问题,同时长远来看也很健壮解决方案。...下面这6个Python既可以快速解决眼前棘手问题,同时也能够作为大型项目的基础。 Pyglet ---- Pyglet 是一个纯Python语言编写跨平台框架,用于开发多媒体和窗口特效应用。...(不过,Pyglet并没有提供类似按钮、工具栏或菜单等UI部件。) 改用Arrow的话有四大好处,不管长期还是短期都是很有用。...对于Python程序员和数据工程师来说,该提供Python类使用起来将会 得心应手。有了Peewee支持,我们可以快速便捷地访问数据,后续还可以扩展加入更多选项,不需要重新设计。...Splinter ---- Splinter 是一个自动化测试网络应用Python。 为什么需要它: 大家都知道,没有什么比自动化网络应用测试更无聊事了。

76150
领券