Angular 6创建模块作用域非根单例服务及循环依赖问题

我完全理解你的痛点——想要给懒加载模块创建专属的单例服务，既不想让它进主包，又不想因为provideIn的设置触发循环依赖警告。下面给你两种靠谱的解决方案，都不需要把服务移到其他模块：

方案一：通过模块的providers数组注册（最直观） #

这是最直接的解决方式，避开provideIn带来的循环引用问题，同时保证服务只属于目标懒加载模块：

1. 修改服务的@Injectable装饰器：移除provideIn属性，或者暂时留空（Angular会默认要求你在模块里注册）：

import { Injectable } from '@angular/core';

@Injectable()
export class MyLocalService {
  constructor() { }
  // 你的服务逻辑
}

2. 在懒加载模块的providers中注册服务：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MyLocalService } from './my-local.service';
// 导入模块的组件等

@NgModule({
  declarations: [/* 模块组件 */],
  imports: [CommonModule],
  providers: [MyLocalService] // 在这里注册服务
})
export class MyLocalModule { }

关键注意点：

• 确保根模块或其他非懒加载模块绝对不要导入这个服务，否则打包工具会把它塞进主包。
• 这个服务会成为MyLocalModule注入器的单例，模块内的所有组件、子模块都能共享这个实例，完全符合你的需求。

方案二：用动态类型引用解决provideIn的循环依赖 #

如果你更倾向于用Angular 6+的provideIn语法（它能更好地支持树摇优化），可以通过动态类型引用避免循环导入：

修改服务的@Injectable配置，不直接导入模块，而是用typeof结合动态导入的方式引用模块类型：

import { Injectable } from '@angular/core';

@Injectable({
  // 通过typeof + 动态导入，避免直接导入模块造成循环依赖
  providedIn: typeof import('./my-local.module').MyLocalModule
})
export class MyLocalService {
  constructor() { }
  // 你的服务逻辑
}

这样设置后，Angular依然会把服务关联到MyLocalModule，同时因为服务文件没有直接导入模块，不会触发循环依赖警告。服务也会被打包到懒加载模块对应的chunk中，不会进入主包。

这两种方案都能完美满足你的需求，你可以根据自己的代码习惯选择~

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