错误错误：StaticInjectorError Angular 6

Posted 2023-03-10

【中文标题】错误错误：StaticInjectorError Angular 6

【英文标题】：ERROR Error: StaticInjectorError Angular 6

【发布时间】：2019-02-25 11:14:36

【问题描述】：

从 Angular 5 迁移到 6 后，我遇到了静态注入器的问题。错误是：

错误错误：StaticInjectorError(AppModule)[StorageService -> LocalStorageService]： StaticInjectorError（平台：核心）[StorageService -> LocalStorageService]： NullInjectorError：没有 LocalStorageService 的提供者！ 在 NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1062) 在 resolveToken (core.js:1300) 在 tryResolveToken (core.js:1244) 在 StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141) 在 resolveToken (core.js:1300) 在 tryResolveToken (core.js:1244) 在 StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:1141) 在 resolveNgModuleDep (core.js:8376) 在 _createClass (core.js:8423) 在 _createProviderInstance (core.js:8393) 在 resolveNgModuleDep (core.js:8356) 在 _createClass (core.js:8423) 在 createProviderInstance (core.js:8393) 在 resolveNgModuleDep (core.js:8356) 在 NgModuleRef.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:9064) 在 resolveDep (core.js:9429) 在 createClass (core.js:9309) 在 createDirectiveInstance (core.js:9186) 在 createViewNodes (core.js:10406) 在 createRootView (core.js:10320) 在 callWithDebugContext (core.js:11351) 在 Object.debugCreateRootView [as createRootView] (core.js:10838) 在 ComponentFactory_.push../node_modules/@angular/core/fesm5/core.js.ComponentFactory_.create (core.js:8666) 在 ComponentFactoryBoundToModule.push../node_modules/@angular/core/fesm5/core.js.ComponentFactoryBoundToModule.create (core.js:3315) 在 ApplicationRef.push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.bootstrap (core.js:4550) 在 core.js:4358 在 Array.forEach () 在 PlatformRef.push../node_modules/@angular/core/fesm5/core.js.PlatformRef._moduleDoBootstrap (core.js:4358) 在 core.js:4324 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388) 在 Object.onInvoke (core.js:3824) 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138) 在 zone.js:872 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) 在 Object.onInvokeTask (core.js:3815) 在 ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) 在 Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188)

import  InfiniteScrollModule  from 'ngx-infinite-scroll';
import  AuthModule  from './auth/auth.module';
import  ConfigurationModule  from './configuration/configuration.module';
import  CoreModule  from './core/core.module';
import  SharedModule  from './shared/shared.module';
import  BrowserModule  from '@angular/platform-browser';
import  NgModule  from '@angular/core';

import  AppRoutingModule  from './app-routing.module';
import  HomeComponent  from './home/home.component';
import  AppComponent  from './app.component';
import  HttpModule  from '@angular/http'
import  HttpClientModule  from '@angular/common/http';



@NgModule(
  declarations: [
    AppComponent,
    HomeComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    SharedModule,
    CoreModule,
    ConfigurationModule,
    AuthModule,
    InfiniteScrollModule,
    HttpModule,
    HttpClientModule
    

  ],
  providers: [],
  bootstrap: [AppComponent]
)
export class AppModule  

这是我的 app.module 文件。任何帮助表示赞赏。

【参考方案1】：

你需要在你的module.ts中的providers下添加LocalStorageService

providers: [LocalStorageService ]