Angular 5通用NPM模块遇Location相关StaticInjectorError问题求助

看起来你遇到的StaticInjectorError是因为Location及其依赖的服务没有被正确注册到Angular的注入器中，加上你的代码里还有个小拼写错误，咱们一步步来解决：

第一步：修正代码中的拼写错误 #

先看你的global.service.ts，里面有个明显的笔误：

// 错误写法
ixport {RouterModule} from '@angular/router';
// 正确写法
import {RouterModule} from '@angular/router';

而且其实GlobalService里并没有用到RouterModule，所以这行可以直接删掉，避免冗余。

第二步：确保共享模块导入必要的依赖模块 #

Location服务依赖于LocationStrategy和PlatformLocation，这些服务的提供者是在RouterModule（或BrowserModule，但BrowserModule已包含CommonModule和RouterModule的基础配置）中注册的。在你的shared.module.ts里，需要确保导入RouterModule（共享模块建议用RouterModule.forChild([])，forRoot仅在根模块调用一次）：

// shared.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule } from '@angular/router';
import { GlobalService } from './global.service';

@NgModule({
  imports: [
    CommonModule,
    RouterModule.forChild([]) // 导入RouterModule的子模块配置
  ],
  providers: [
    GlobalService // 在这里注册你的全局服务
  ]
})
export class SharedModule { }

第三步：确保根模块导入BrowserModule #

在你的AppModule（根模块）中，必须导入BrowserModule——它会提供PlatformLocation等浏览器环境必需的服务，这是Angular应用的基础配置：

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';
import { SharedModule } from './shared/shared.module';
import { AppComponent } from './app.component';

@NgModule({
  imports: [
    BrowserModule, // 必须在根模块导入
    RouterModule.forRoot([/* 你的路由配置 */]),
    SharedModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

第四步：检查GlobalService的注入逻辑 #

确保你的GlobalService构造函数正确注入Location，交给Angular注入器处理而非手动实例化：

// global.service.ts
import { Location } from '@angular/common';
import { Injectable } from '@angular/core';

@Injectable()
export class GlobalService {
  constructor(private location: Location) { 
    // 这里可以使用this.location做操作，比如this.location.back()
  }
}

错误原因说明 #

Angular的依赖注入系统要求所有被注入的服务，都能在注入器作用域中找到对应的提供者。Location是抽象类，它的具体实现（比如PathLocationStrategy）由RouterModule提供；PlatformLocation则由BrowserModule提供。如果这些模块没被正确导入，注入器找不到依赖，就会抛出StaticInjectorError。

内容的提问来源于stack exchange，提问作者Teeman