Angular能否从SharedModule继承基类而无需显式导入？

答案是不支持，核心原因在于Angular模块和TypeScript的工作机制完全是两回事：

本质区别：Angular模块管模板，TypeScript管类作用域 #

Angular的SharedModule导出组件，仅仅是为了让其他模块的模板能直接使用组件选择器（比如你能用<app-base>的场景）。但TypeScript类的继承，要求当前文件的作用域中必须存在该类的定义——这只能通过显式导入实现，Angular模块不会把类注入到TS的全局或组件文件的作用域里。

你的代码报错原因 #

你在AppModule里导入SharedModule，只是让AppModule下的组件模板能调用<app-base>，但HelloComponent的类要继承BaseComponent时，TS编译器找不到这个类的定义——因为你没在hello.component.ts里显式导入它，自然会报Cannot find name 'BaseComponent'。

可以简化的替代方案 #

虽然不能省略导入，但能通过以下方式减少重复操作：

• 统一导出基类：在shared目录下创建index.ts文件，集中导出所有基类：

  // shared/index.ts
  export { BaseComponent } from './base/base.component';
  // 其他基类也可以在这里统一导出
  

  之后组件里只需要导入这个统一入口：

  // hello.component.ts
  import { BaseComponent } from './shared';
  @Component({...})
  export class HelloComponent extends BaseComponent {}
  

• 配置TS路径别名：在tsconfig.json里设置别名，缩短导入路径：

  {
    "compilerOptions": {
      "paths": {
        "@shared/*": ["src/app/shared/*"]
      }
    }
  }
  

  之后导入可以写成：

  import { BaseComponent } from '@shared/base/base.component';
  

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