Angular根模块重导出CommonModule后为何子模块仍需单独导入？

这个问题的核心是Angular的模块解析规则：组件、指令、管道这类模板中使用的声明类型，作用域严格限定在声明它的模块内部，不会跨模块继承，根模块导入/导出的依赖不会自动下发给子模块。
结合你的配置具体拆解：

• 你在AppModule中导入并重导出CommonModule，这部分导出的内置指令（包括*ngIf）仅对AppModule自身声明的组件（也就是AppComponent）生效，只有AppComponent的模板可以直接使用*ngIf
• MyChildModule是独立的特性模块，编译它自己声明的MyChildComponent模板时，只会从当前模块的imports数组中查找已导入模块导出的可用指令，不会向上查找根模块的导出内容
• 当前MyChildModule的imports数组为空，编译模板时找不到*ngIf对应的指令定义，就会抛出「*ngIf不是已知属性」的错误。

很多开发者会混淆服务和声明类的作用域规则：

• 模块中providers声明的服务默认是应用级单例，在整个应用中都可以注入使用，和模块导入层级无关
• 组件、指令、管道必须在当前使用它的模块的作用域内可见：要么是当前模块自己声明的，要么是当前模块导入的其他模块导出的，不存在全局继承的规则

直接在MyChildModule的imports数组中导入CommonModule即可，修改后的childModule.module.ts代码如下：

@NgModule({
    declarations: [
      MyChildComponent,
    ],
    imports: [
        CommonModule // 新增这行导入
    ],
    exports:[
        MyChildComponent,
    ]
})

补充说明：你在AppModule的exports数组中写的CommonModule是无效配置——根模块不会被任何其他特性模块导入，重导出的内容没有任何消费方，可以直接删掉这行配置。

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