在angular6中未获取自定义库中的服务实例

Question

我是Angular6的新手，使用的是定制库功能。我已经创建了两个库，一个用于共享服务，另一个用于共享组件。在共享组件中，我无法使用共享服务。

 //shared-service
import { NgModule, ModuleWithProviders } from '@angular/core';
import { ScrollToService } from './scrollTo/scroll-to.service';
import { LoaderService } from './loader/loader.service';

@NgModule({
  imports: [
 ],
declarations: [],
//providers: [ScrollToService, LoaderService],
// exports: [ScrollToService, LoaderService]

})
export class SharedServicesModule {
 static forRoot(): ModuleWithProviders {
 return {
  ngModule: SharedServicesModule,
  providers: [ScrollToService, LoaderService]
    }
  }
}


***************
 //shared-library module
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { SharedServicesModule } from '@shared-services';


 @NgModule({
  imports: [
  CommonModule,
  SharedServicesModule.forRoot()
 ],
 declarations: [],
 exports: [

    ]
  })
  export class SharedLibraryModule { }

//component in shared-library
  import { LoaderService, LoaderState } from "@shared-services";

这里找不到LoaderService。

错误:错误'/Users/b0206580/Projects/cocp-admin-ui/projects/shared-services/src/lib/loader/loader.service.ts‘：文件/Users/b0206580/Projects/projects/shared-library/src'.不在'rootDir’TS6059下“rootDir”应包含所有源文件。

Answer 1

您的tsconfig.json应该具有以下内容：

  "paths": {
      "@shared-services": [
        "dist/@shared-services"
      ]
    }