Setting up sentry with Angular 17 Standalone application

[mackelito]

So I have set it up but I'm not getting any errors sent to Sentry.. (Yes there are errors 😂)
I do get Performance data.. but no errors.. ?

Note: Starting with only localhost

main.ts

import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
import * as Sentry from '@sentry/angular-ivy';

Sentry.init({
  dsn: 'xxx',
  integrations: [
    new Sentry.BrowserTracing({
      // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
      tracePropagationTargets: ['localhost'],
    })
  ],
  // Performance Monitoring
  tracesSampleRate: 1.0, //  Capture 100% of the transactions
});

bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err));

app.config.ts

import { APP_INITIALIZER, ApplicationConfig, ErrorHandler, PLATFORM_ID, inject } from '@angular/core';
import { Router, provideRouter } from '@angular/router';
import { appRoutes } from './app.routes';
import { provideClientHydration } from '@angular/platform-browser';
import { provideHttpClient, withFetch } from '@angular/common/http';
import { environment } from '../environments/environment';
import * as Sentry from '@sentry/angular-ivy';
import { isPlatformServer } from '@angular/common';

function provideSentryProviders(platformId: object): unknown[] {
  if (isPlatformServer(platformId)) {
    return [];
  }
  return [
    {
      provide: ErrorHandler,
      useValue: Sentry.createErrorHandler({
        logErrors: true,
        showDialog: true,
      }),
    },
    {
      provide: Sentry.TraceService,
      deps: [Router],
    },
    {
      provide: APP_INITIALIZER,
      useFactory: () => () => {},
      deps: [Sentry.TraceService],
      multi: true,
    },
  ];
}

export const appConfig: ApplicationConfig = {
  providers: [
    provideClientHydration(),
    provideRouter(appRoutes),
    provideHttpClient(withFetch()),
    {
      provide: 'nets',
      useValue: environment.netsConfig,
    },
    {
      provide: 'sentryProviders',
      useFactory: provideSentryProviders,
      deps: [PLATFORM_ID],
    }
  ],
};

It all starts without any issues but no data is sent to Sentry.

I do see some communication with sentry:

Request URL:
https://xxx.ingest.sentry.io/api/xxx/envelope/?sentry_key=xxx&sentry_version=7&sentry_client=sentry.javascript.angular-ivy%2F7.95.0

Request Method:
POST

Status Code:
200 OK

[CristianReyad]

finally you get an answer to your problem? i got a similar one with sentry and angular 17 if you can helpme

[folsze]

anyone using angular capacitor 17/18, check this out:

getsentry/sentry-capacitor#671