diff --git a/devtools/projects/ng-devtools-backend/src/lib/client-event-subscribers.ts b/devtools/projects/ng-devtools-backend/src/lib/client-event-subscribers.ts index 3f0049c37d2..9c81935b24c 100644 --- a/devtools/projects/ng-devtools-backend/src/lib/client-event-subscribers.ts +++ b/devtools/projects/ng-devtools-backend/src/lib/client-event-subscribers.ts @@ -222,13 +222,15 @@ const getRoutes = (messageBus: MessageBus) => { initializeOrGetDirectiveForestHooks().getIndexedDirectiveForest(), ngDebugDependencyInjectionApiIsSupported(), ); + if (forest.length === 0) return; + const rootInjector = (forest[0].resolutionPath ?? []).find((i) => i.name === 'Root'); - if (rootInjector) { - const route = getRouterConfigFromRoot(rootInjector); - if (route) { - messageBus.emit('updateRouterTree', [[route]]); - } - } + if (!rootInjector) return; + + const route = getRouterConfigFromRoot(rootInjector); + if (!route) return; + + messageBus.emit('updateRouterTree', [[route]]); }; const getSerializedProviderRecords = (injector: SerializedInjector) => { diff --git a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts index 3c838c666ad..22faaad7373 100644 --- a/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts +++ b/devtools/projects/ng-devtools/src/lib/devtools-tabs/injector-tree/injector-tree.component.ts @@ -91,11 +91,13 @@ export class InjectorTreeComponent { private init() { this._messageBus.on('latestComponentExplorerView', (view: ComponentExplorerView) => { - if (view.forest[0].resolutionPath !== undefined) { - this.diDebugAPIsAvailable.set(true); - this.rawDirectiveForest = view.forest; - this.updateInjectorTreeVisualization(view.forest); - } + if (view.forest.length === 0) return; + + if (!view.forest[0].resolutionPath) return; + + this.diDebugAPIsAvailable.set(true); + this.rawDirectiveForest = view.forest; + this.updateInjectorTreeVisualization(view.forest); }); this._messageBus.on(