loadChildren加载的组件中matTooltip失效，求初始化解决方案

问题核心在于懒加载模块的独立性：根模块（AppModule）中导入的MatTooltipModule不会自动被懒加载的SearchModule继承，导致Search组件内的matTooltip指令无法被识别。

解决步骤 #

1. 打开懒加载对应的search.module.ts文件（若不存在则需创建，懒加载路由必须对应独立模块）
2. 在该模块的imports数组中显式添加MatTooltipModule，同时确保用到的其他Material模块（如MatFormFieldModule、MatInputModule）也已导入

修改后的SearchModule示例代码：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { SearchComponent } from './search.component';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatInputModule } from '@angular/material/input';
import { ReactiveFormsModule } from '@angular/forms'; // 若使用表单控件需导入

@NgModule({
  declarations: [SearchComponent],
  imports: [
    CommonModule,
    MatTooltipModule, // 关键：此处必须导入
    MatFormFieldModule,
    MatInputModule,
    ReactiveFormsModule
  ]
})
export class SearchModule {}

原理说明 #

Angular模块是封装隔离的，每个模块仅能访问自身imports数组内模块提供的指令、组件等资源。懒加载模块与根模块相互独立，因此必须在使用matTooltip指令的模块中显式导入MatTooltipModule，才能让指令正常初始化生效。

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