angular“英雄指南”(一)--No provider for HeroService!

最新推荐文章于 2024-11-19 20:51:44 发布
原创 最新推荐文章于 2024-11-19 20:51:44 发布 · 5.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#angular

在Angular应用中遇到'No provider for HeroService'的报错。当'HeroService'的providedIn元数据设置为'root'时，需要确保已在根模块(AppModule)中提供该服务。通过在AppModule中声明HeroService，可以解决这个问题。

###报错-----No provider for HeroService!

“英雄指南”进行到教程-6服务时的报错

  1. 定义providedIn 元数据的值是 'root’时：
    这里写图片描述
    这里写图片描述
  2. 运行时
    这里写图片描述

解决：

  1. 还不知道原因，原本以为和“No provider for HeroService”有关
  2. 在app.module.ts中(只需定义在providers中)：
import {
   
    HeroService } from './hero.service';
@
最低0.47元/天 解锁文章
angular10 No provider for NgControl!
朝花夕拾的博客
04-25 2274
1、报如下错误 2、 3、确少 [(ngModel)]="query.name"
Angular angular-file-upload文件上传的示例代码
01-19
用到了项目映入过的一个插件，angular-file-upload。 angular-file-upload AP：https://github.com/nervgh/angular-file-upload 进入正题，我们如何安装，还是老样子安利波npm npm install angular-file-upload ...
Angular6错误 Service: No provider for Renderer2
weixin_34334744的博客
02-27 445
这个错误一般是在构造函数中 注入 Renderer2 引起的。 解决办法很简单，既然无法注入Renderer2就不注入。可以利用工厂类RendererFactory2 代替直接注入Renderer2的方式。示例代码如下： import { Renderer2, RendererFactory2 } from '@angular/core'...
Angular - No provider for FormBuilder
m0_51935008的博客
01-25 1011
Angular - No provider for FormBuilder
《Angular之no provider for ConnectionBackend》
杨晓风 迷迭香的记忆
11-04 380
前言:        the best way out is always through. 正文:    问题场景    问题定位         拦截器相关配置不对        出现原因之一:根组件已配置拦截器相关配置,在组件引用时,又重新provider一遍,导致出现这个问题     解决方案        将组件中ts文件中:        @Compo...
【Angular】Angular+Ionic报错：No provider for *Service!
热门推荐
陶洲川的博客
09-21 1万+
1.报错信息：ERROR Error: Uncaught (in promise): Error: No provider for TrainService! Error: No provider for TrainService!第二个信息： 2.解决方案：去报错信息中提到的TrainService.ts文件中，添加provider；具体如下：3.源代码：在service文件中providers
Angular-angular-template-for-threejs.zip
09-18
Angular-angular-template-for-threejs.zip,Angular Three.js示例（假人的三个模板）Angular Template for Three.js（ATFT）,Angularjs于2016年发布，是Angularjs的重写版。它专注于良好的移动开发、模块化和改进的...
angular2-highlight-js:Highlight.js与Angular集成
05-17
angular2-highlight-js 与Angular的集成。 快速链接 安装 npm install --save angular2-highlight-js@latest highlight.js 用法 在angular.json中将您要使用的样式的highlight.js css添加到应用程序的样式中。 " ...
angular-tree-component：一个简单但功能强大的Angular树组件（> = 2）
01-31
我们怀着坚定的信念继续这一旅程，社区不应错过这个组成部分，并且我们希望您一如既往地提供持续而重要的支持。 在这一新的旅程中，我们还将获得技术指导，后者将帮助我们更好地了解社区，他们的需求，并将该组件...
angular 引入DatePipe使用报错：No provider for DatePipe!
Coder_KellySha的博客
08-20 4172
@Component({ // selector: 'app-audit-manage-purchase-edit', // templateUrl: './purchase-edit.component.html', providers: [DatePipe] }) @Component({ // selector: 'app-audit-manage-purcha...
Angular报错：NullnjectorError: No provider for LogService!.
最新发布
m0_59157023的博客
11-19 229
①保证创建服务对象时指定providedIn:'root'.使用服务对象时(依赖注入)常见错误:。指定的服务对象没有服务提供者;②组件声明依赖时服务对象不能写错。参考文档：尚硅谷课程。
No provider for ChatService
不会功夫的茶的博客
10-25 669
在 app.module.ts中  
NullInjectorError: No provider for String! angular2开发
sunjiyun26的博客
07-24 1962
https://stackoverflow.com/questions/41882599/angular2-exception-no-provider-for-string 下面是回答摘抄   private my: string should not be injected in the constructor, but outside, here assuming it's a vari...
No provider for HttpClient Angular开发
小鹰信息技术服务部
06-19 4857
Angular前端开发，浏览器控制台提示No provider for HttpClient是写法不对，修改如下：app.module.jsimport中增加：import { HttpClientModule } from '@angular/common/http';@NgModule的imports中增加：imports: [ //.. HttpClientModule, ...
No provider for NodeDraggableService!
weixin_46285770的博客
06-03 166
问题场景 本人在做菜单树时将TreeModule引入了最近一级及次近一级父module中，在点击按钮弹出菜单树所在组件时仍报以下错误 解决方法 排除了一系列可能错误后，才发现原来在app.module.ts中也需要引入TreeModule，具体引入路径： app.module.ts→@NgModule→imports 注：次父级module不需引入相应控件 总结 当系统报出No provider for NodeDraggableService!等类似错误时，最可能的原因还是（最近父组件或根组件）缺少了控
总结 ionic4出现 No provider for XXX 问题
qq_38904099的博客
06-10 2054
在写ionic4项目时候，需要长按图片保存到手机相册中，用到photolibrary 按照 官网实例： 安装并且在ts中引入 import { PhotoLibrary } from '@ionic-native/photo-library'; constructor(private photoLibrary: PhotoLibrary) { } 　　this.photoLibrary...
Angular2 异常: No provider for ControlContainer
特困生Kuel的博客
04-15 392
异常如下: 解决办法: 找到 app.module.ts 添加: 问题解决。
ionic3 解决Error: No provider for Http!
仲夏夜之恋的专栏
08-24 5380
自己在使用ionic中http.get()方法时运行程序会报错Error: No provider for Http! 原因：没有将Http添加到根模块 解决方案：在根模块AppModule中的 providers:[]中。并在上面引用import {Http} from '@angular/http';如下 import { Http} from '@angular/http';
报错NullInjectorError: No provider for InjectionToken 以及 No provider for Service解决
weixin_41147129的博客
05-28 5608
NullInjectorError: No provider for InjectionToken 这个是 1因为app.module.ts 没有import这个报错的module import {} from '' imports:[] 2或者 app.module.ts 里面 providers:[ ] 没有这个service
Angular6与ng-zorro结合开发教程指南
资源摘要信息:"Angular6-ng-zorro-admin是一个基于Angular 6和ng-zorro-antd开发的项目。该项目是使用版本6.0.0生成的，ng-zorro-antd是基于Ant Design设计语言的Angular组件库。Ant Design是阿里巴巴的UI设计语言，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值