没有 AuthHttp 的提供者！在 angular2-jwt 上

Posted 2023-03-10

【中文标题】没有 AuthHttp 的提供者！在 angular2-jwt 上

【英文标题】：No provider for AuthHttp! on angular2-jwt

【发布时间】：2017-08-15 05:00:55

【问题描述】：

我是 Angular 2 的新手，我想在我的项目中使用 JWT。因此，我使用基本配置完全按照the official page of angular2-jwt 给出的说明进行操作。 我使用以下代码创建了一个名为 auth.module.ts 的文件：

import  NgModule  from '@angular/core';
import  Http, RequestOptions  from '@angular/http';
import  AuthHttp, AuthConfig  from 'angular2-jwt';

function authHttpServiceFactory(http: Http, options: RequestOptions) 
  return new AuthHttp(new AuthConfig(), http, options);


@NgModule(
  providers: [
    
      provide: AuthHttp,
      useFactory: authHttpServiceFactory,
      deps: [Http, RequestOptions]
    
  ]
)
export class AuthModule 

下一步是发送经过身份验证的请求。我使用了一个组件，我在其中放置了一个按钮，该按钮调用一个执行页面上建议的代码的函数：

文件：calendario.components.ts

import Component, OnInit,trigger,state,style,transition,animate,keyframes, group from '@angular/core';
import initDemo = require('../../../assets/js/charts.js');
import initNotify = require('../../../assets/js/notify.js');
import  AuthHttp  from 'angular2-jwt';

declare var $:any;

@Component(
    moduleId: module.id,
    selector: 'calendario',
    templateUrl: 'calendario.component.html'

)

export class CalendarioComponent
    thing: any;
    constructor(public authHttp: AuthHttp) 
    obtenerDatos() 
        this.authHttp.get('http://localhost/autorepuestos/web/app_dev.php/api/conjunto')
      .subscribe(
        data => this.thing = data,
        err => console.log(err),
        () => console.log('Request Complete')
      );
        console.log("Hola");
    

当我在这个组件上输入时出现错误：

EXCEPTION: Uncaught (in promise): Error: No provider for AuthHttp!
Error: DI Error

知道我可以解决这个问题吗？我真的是 Angular 2 的新手，感谢您的帮助！

【参考方案1】：

看起来你已经创建了一个模块来提供这个AuthHttp 类。您是否确定 AuthModule 在 CalendarioComponent 所属模块的导入中？

类似这样的：

import  AuthModule  from '...';
import  CalendarioComponent  from '...';

@NgModule(
    imports: [AuthModule],
    declarations: [CalendarioComponent]
)
export class SomeModule 

【讨论】：

朋友您好，非常感谢您的帮助。哦……我明白了！也许我对此很陌生！那么，我需要一个名为 calendario.module.ts 的文件吗？我没有这个文件！

我的朋友有点困惑。我没有找到我的 calendario 组件的任何导入。我只是从侧边栏的 routerlink 给他打电话...

对不起，愚蠢的问题 - 但是我从哪里导入 AuthModule..？