Cannot resolve all parameters for UserService: (Http ,?)

My project worked fine until I upgraded to the latest version of Angular2 version 2.0.0-beta.17

My UserService is like this

import { Injectable} from '@angular/core';
import { Http } from '@angular/http';
import { BaseService } from './base.service';
import { SubDomain } from './../interfaces/subdomain.interface';
import { SubDomainService} from './index';

@Injectable()
export class UserService extends BaseService {
  subDomain: SubDomain;
  constructor(
    private _http: Http,
    private subDomainService: SubDomainService
  ) {
     super();
     this.subDomain = subDomainService.subDomain;
  } 
}

and SubDomainService is

import { Injectable } from '@angular/core';
import { SubDomain } from './../interfaces/subdomain.interface';
import { CompanyService } from './company.service';

@Injectable()
export class SubDomainService {
  subDomain: SubDomain = {
    exists: false,
    is_sub_domain_url: false,
    sub_domain: '',
    company_id: '',
    user_id: '',
    name:''
  };

  constructor(
    private _companyService: CompanyService
  ) {
  }
}

I looked for solutions, but most of them consisted of making an injection for injection, but here I followed the same convention, but still gave an error

Unused error: Unable to resolve all parameters for UserService: (Http ,?).

My AppModule is similar to this

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { CoreModule } from './core.module';
import { AppComponent } from './app.component';
import { routes } from './config/routes/index';

@NgModule({
 declarations: [
   AppComponent
 ],
 imports: [
   routes,
   BrowserModule,
   CoreModule.forRoot()
 ],
 bootstrap: [AppComponent]
})
export class AppModule { }

CoreModule is similar to this

import {ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
import { 
  SubDomainService, 
  CompanyService, 
  UserService
} from './shared/services/index';
import {SharedModule} from './shared/modules/shared.module';

@NgModule({
   exports: [SharedModule]
})

export class CoreModule {
   static forRoot(): ModuleWithProviders {
    return {
        ngModule: CoreModule,
        providers: [SubDomainService,UserService,CompanyService]
    };
   }

   constructor( @Optional() @SkipSelf() parentModule: CoreModule) {
       if (parentModule) {
           throw new Error('CoreModule is already loaded. Import it in the AppModule only');
       }
   }
}
+4
source share
2 answers

This may be due to this import statement.

import { SubDomainService} from './index';

SubDomainService , .. index.ts , .

+4

,

:

  • index.ts, , , , , .

:

  • index.ts , , , .

, angular , .

shared/services/index.ts export * from './sub-domain.service' export * from './user.service

+1

Source: https://habr.com/ru/post/1658304/


All Articles