Angular 2路由报错：已配置@NgModule仍提示AdminpanelComponent无组件工厂

我之前也踩过这个坑，明明给entryComponents加了组件还是报错，下面几个排查方向你可以试试：

1. 先确认组件在declarations里注册了 #

entryComponents是给动态创建的组件用的，但前提是你的组件必须先在declarations数组里声明，Angular才能识别它。打开你的app.module.ts，检查是不是漏了这一步：

@NgModule({
  declarations: [
    AppComponent,
    AdminpanelComponent, // 必须在这里先注册！
    LoginComponent
  ],
  entryComponents: [
    AdminpanelComponent
  ],
  // ...其他模块配置
})
export class AppModule { }

2. 检查路由配置有没有拼写错误 #

看看app.routes.ts里的路由定义，是不是正确指向了AdminpanelComponent，有没有类名或路径拼写错误：

const routes: RouterConfig = [
  { path: 'admin', component: AdminpanelComponent }, // 确认component字段指向正确的组件类
  { path: 'login', component: LoginComponent },
  // ...其他路由规则
];

export const appRouterProviders = [
  provideRouter(routes)
];

3. 核对组件的导入路径 #

很多时候是导入路径写错了，比如文件夹名拼写错、相对路径层级不对。检查app.module.ts和app.routes.ts里的导入语句：

// 比如app.module里的导入，要和你的实际文件结构匹配
import { AdminpanelComponent } from './components/adminpanel/adminpanel.component';

4. 排查懒加载模块的问题（如果用到的话） #

如果AdminpanelComponent属于某个懒加载的子模块，那它应该在对应的子模块里声明，而不是放在app.module里。这时候app.module的entryComponents是不起作用的，得在子模块里配置declarations（以及entryComponents如果需要动态创建的话）。

5. 清缓存重启开发服务器 #

有时候Angular的缓存会让修改不生效，试试执行ng clean（用Angular CLI的话），然后重启ng serve，确保新的配置被加载。

先从前面三点开始排查，这是最容易出问题的地方。

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