Angular5跨模块使用组件遇TS2305错误求助：无导出成员

嘿，刚上手Angular5就搞组件到模块的重构，给你点个赞！你遇到的这个TS2305错误其实是Angular模块封装机制导致的——默认情况下，模块内部的组件、指令等是不对外暴露的，得手动把它们加入模块的exports数组才行。下面一步步帮你解决：

1. 在AdminModule中导出AdminHomeComponent #

打开你的admin.module.ts文件，找到@NgModule装饰器里的exports配置项（如果没有就新增一个），把AdminHomeComponent添加进去：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AdminHomeComponent } from './admin-home/admin-home.component';

@NgModule({
  declarations: [
    AdminHomeComponent // 声明模块内部的组件
  ],
  imports: [
    CommonModule
  ],
  exports: [
    AdminHomeComponent // 关键：将组件暴露给外部模块使用
  ]
})
export class AdminModule { }

简单解释下：

• declarations：告诉Angular这个模块包含哪些组件/指令/管道
• exports：指定哪些内部成员可以被其他导入该模块的模块访问

2. 验证路由模块的导入路径 #

确认app-routing.module.ts里的导入路径是正确的，比如：

import { AdminHomeComponent } from './admin/admin.module';

如果路径写错（比如指向了组件文件而不是模块），也可能触发类似错误，这点要留意。

3. 重启Angular开发服务器（可选但建议） #

Angular5的开发服务器有时候会缓存旧的模块配置，改完exports后，先停掉当前的ng serve命令，再重新启动，确保新的配置生效。

额外建议：懒加载模块的最佳实践 #

如果你是把Admin模块作为懒加载模块来重构的，其实不需要在app-routing.module.ts里直接导入AdminHomeComponent，可以用loadChildren来配置路由，这样更符合Angular的模块化设计：

const routes: Routes = [
  // 其他路由...
  {
    path: 'admin',
    loadChildren: './admin/admin.module#AdminModule' // 懒加载Admin模块
  }
];

这种方式下，Admin模块的内部组件不需要导出给全局使用，路由会自动处理模块的加载和组件渲染。

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