Adding OpenTelemetry to an Angular Application about timdeschryver.dev HOT 8 CLOSED

Just so you know, your blogpost made at least one happy devops ;)
I was having some much trouble making auto instrumentation work with static fronts, thanks a lot !

from timdeschryver.dev.

i did it

instead of library @opentelemetry/auto-instrumentations-web I used @opentelemetry/instrumentation @opentelemetry/instrumentation-xml-http-request
as a result, registerInstrumentations looks like this:

registerInstrumentations({
instrumentations: [new XMLHttpRequestInstrumentation()],
});

from timdeschryver.dev.

That's great to hear, thanks for the feedback @Jonathan-w6d !

from timdeschryver.dev.

hi, in angular universal I get an error Cannot find name 'Task' and Cannot find name 'Zone'
the problem occurs in the file node_modules/@opentelemetry/auto-instrumentations-web/node_modules/@opentelemetry/instrumentation-user-interaction/build/src/internal-types.d.ts
did you solve this problem?

from timdeschryver.dev.

I want to make loading lazy, for this I put the loading logic init of openTelemetry in a separate file and load it at the start of the application through import. everything is fine, but the assembly for the ssr is not going to

from timdeschryver.dev.

Hey @DvDruzhkov , sorry but I don't really have SSR experience with Angular.
It seems like it's throwing this issue because zone.js is not loaded yet.

from timdeschryver.dev.

this problem occurs during the build, I will try to solve it

from timdeschryver.dev.

after these settings the build for web and ssr works

from timdeschryver.dev.