Я борюсь с тем же самым, и вот что вам нужно знать, чтобы справиться с этим:

Что происходит?

Angular перехватывает все исключения (проглатывает их!) И просто записывает их в консоль. Я не видел, чтобы это поведение явно описывалось в какой-либо документации, но я тестировал это в коде, так что поверьте мне. С другой стороны, автоматически собираются только неперехваченные исключения! (см. здесь). Для сбора пойманных исключений (как это обычно бывает при использовании angular framework) вы должны явно вызвать trackException() в своем коде.

Как это решить:

Мы реализуем службу (называемую MonitoringService в приведенном ниже коде) для взаимодействия с аналитическими сведениями о приложениях Azure. Затем мы скажем angular использовать эту службу для регистрации исключений в azure ai вместо того, чтобы регистрироваться только в консоли браузера, путем расширения класса ErrorHandler.

1) реализовать MonitoringService:

Мы будем использовать службу с именем MonitoringService для обмена информацией о приложениях Azure. Реализуйте эту услугу следующим образом:

import { Injectable } from "@angular/core";
import { ApplicationInsights } from "@microsoft/applicationinsights-web";
import { environment } from "@env/environment";

@Injectable({
  providedIn: "root",
})
export class MonitoringService {
  private appInsights: ApplicationInsights;
  constructor() {}
  startMonitoring(): void {
    this.appInsights = new ApplicationInsights({
      config: {
        instrumentationKey: environment.appInsights.instrumentationKey,
      },
    });
    this.appInsights.loadAppInsights();
    this.appInsights.trackPageView();
  }  

  logException(exception: Error, severityLevel?: number) {
    this.appInsights.trackException({
      exception: exception,
      severityLevel: severityLevel,
    });
  }
}

startMonitoring() должен вызываться при запуске приложения.

2) начать мониторинг при запуске приложения:

В проектах Angular в основном есть файл app.component.ts, который принадлежит корневому модулю и загружается / инициализируется как первый компонент. Под термином «запуск приложения» я на самом деле подразумеваю время инициализации этого компонента.
Мы создадим экземпляр MonitoringService, и он начнет свою работу:

import { Component } from '@angular/core';
import { MonitoringService } from 'services/monitoring.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss'],
})
export class AppComponent {
  constructor(
    private monitoringService: MonitoringService
  ) {
    this.monitoringService.startMonitoring();
  }
}

3) Регистрируйте ошибки в аналитических данных приложения, прежде чем они будут поглощены фреймворком:

Расширьте класс ErrorHandler в своем проекте. Этот класс на самом деле является ловушкой для централизованной обработки исключений в angular spa. Используйте этот хук, чтобы регистрировать исключения до того, как они будут поглощены фреймворком:

import { Injectable, ErrorHandler } from '@angular/core';
import { MonitoringService } from './monitoring.service';

@Injectable({
  providedIn: 'root'
})
export class GlobalErrorHandlerService implements ErrorHandler {

  constructor(private monitoringService: MonitoringService) { }
  handleError(error: any): void {
    console.error(error);
    this.monitoringService.logException(error);
  }
}

4) Зарегистрируйте ErrorHandler в Angular:

В AppModule не забудьте зарегистрировать этот обработчик с помощью Angular:

@NgModule({
  providers: [{provide: ErrorHandler, useClass: GlobalErrorHandlerService}]
})
class AppModule {}

Я не думаю, что у AppInsights есть какие-либо знания об Angular, и наоборот, Angular не знает о приложениях, поэтому вам, вероятно, придется добавить это самостоятельно, используя собственный ErrorHandler. Ознакомьтесь с официальной документацией ErrorHandler. Если вы поместите свой this.monitoringService.trackException вызов в handleError, он должен работать нормально.