将服务注入（导入）到我的构造函数中时，出现“无提供者”错误

Question

Angular 2 - 将服务注入（导入）到我的构造函数中时，出现“无提供者”错误。

这是我要导入的服务：

 export class EnvironmentService {

   public baseurl: string = "/baseurl/example/";  

 }

这是我的班级有错误：

import {Http, Headers} from "angular2/http";
import {Injectable} from 'angular2/angular2';
import {EnvironmentService} from './environmentService';

@Injectable()

export class AuthService {

    constructor(private _environmentService: EnvironmentService) {

        //This is where the error is.
        console.log(this._environmentService);

    }

    isUserLoggedIn = (): Promise<boolean> => {   

        return new Promise((resolve, reject) => {
           resolve(true);
        })
    }

}

Answer 1

在app.module.ts Providers 中添加AuthService

Answer 2

很可能您没有将EnvironmentService指定为应用程序的提供者。 您可以通过在bootstrap函数的第二个参数中传递所有提供者来实现，或者使用Component装饰器的providers和viewProviders属性：

bootstrap(AppComponent, [EnvironmentService /*, other providers */]);

// or

@Component({
    // ... component config
    providers: [EnvironmentService],
    // or
    viewProviders: [EnvironmentService]
})
class AppComponent { /* ... */ }

Answer 3

转到您要使用EnvironmentService的模块，即app.module.ts或其他模块。

导入后，您将看到 provider 作为数组添加 EnvironmentService

providers: [AuthService]