[BUG] Angular 6 | Uncaught RangeError: Maximum call stack size exceeded about applicationinsights-angularplugin-js HOT 15 CLOSED

Hey, we will be releasing an updated version of the angular plugin shortly -- but I'm not sure that it will address this issue.

Internally, we don't call Object.deepExtend(), so it it possible for you to help by attempting to use the unminified version and debug (somehow) to identify which object that the deepExtend is recusing on.

Searching online, it doesn't appear to be specific to App Insights
https://stackoverflow.com/questions/25028597/how-can-i-fix-maximum-call-stack-size-exceeded-angularjs
angular/angular-cli#17106

from applicationinsights-angularplugin-js.

It must be because of the plugin, I've never had this error before integrating it.
I tried to put in comment the code in the constructor() and the error is gone.

from applicationinsights-angularplugin-js.

@xiao-lix Can you see if you can repro when you get a chance, with the old and refactored version.

from applicationinsights-angularplugin-js.

Hi, @danouche93 sorry for the confusion but the angularPluginService was not properly implemented and we removed it from the next released version (will release soon). Can you try removing it from constructor and see if it fixes the issue? I can't reproduce the error locally even with it though. Also, I updated the doc that you may not notice, can you call loadAppInsights right after instantiate it inside the constructor? Thanks.

from applicationinsights-angularplugin-js.

Thank you for the fast response. Unfortunately your solution didn't help the problem :(
But I think where the problem is from. In my project I use an authService from auth0-js plugin. When I first login to the project, I don't have the error but when I'm already logged in and refresh the page, the error is shown. Somehow the refresh token of auth0 causes the problem to your plugin.

from applicationinsights-angularplugin-js.

@danouche93 we just released a new version of angular plugin, can you try to upgrade and see if that solves your problem though I'm not sure yet how auth0 causes the issue as you described. https://github.com/microsoft/applicationinsights-angularplugin-js

from applicationinsights-angularplugin-js.

I did the update and try to rebuild again with the changes. Unfortunately, the problem still remains and I have also warnings now.

from applicationinsights-angularplugin-js.

@danouche93 sorry to hear that. Do you have a test app / demo that reproduces this issue?

from applicationinsights-angularplugin-js.

I don't have a demo that I can show you the issue but if you do a project with Angular 6 with an authentication system with auth0 you can see the issue.

from applicationinsights-angularplugin-js.

I've just noticed that I don't receive at all the errors in app insight. I just have the real error "Uncaught RangeError" displaying.
I put a throw new Error() in one of my component but it is not displayed in app insight azure.

from applicationinsights-angularplugin-js.

@danouche93 I'm not familiar with auth0 but I did some searching. Looks like this package is what you should use for angular app? And it says the SDK is compatible with Angular SPAs version 9+ and above. I tested this sample with Angular 11 and AI angular plugin 2.5.11 with no issue.
For the other issue you don't see exception items, thanks for pointing it out. Since Angular is warping all exceptions in their own way and provide a global error handler that intercepts all the errors, looks like the AI window.onerror hooks is never called. That would be some nice feature we could add in the future release. Thanks.

from applicationinsights-angularplugin-js.

Hello @danouche93 , I just released a new version of the angular plugin that adding the uncaught exception tracking feature: https://github.com/microsoft/applicationinsights-angularplugin-js/releases/tag/2.6.2 thanks.

from applicationinsights-angularplugin-js.

@xiao-lix I did the 2.6.2 update and now I got this error
ERROR in node_modules/@microsoft/applicationinsights-angularplugin-js/lib/applicationinsights-angularplugin-error.service.d.ts(6,9): error TS1086: An accessor cannot be declared in an ambient context.

And it failed to compile.

from applicationinsights-angularplugin-js.

hi @danouche93, can you please try this option:

"compilerOptions": {
   "skipLibCheck": true,
},

Please note, Angular plugin is using newer version of typescript and is NOT es3 compatible. The issue is the version of TypeScript you are using (v2.9.2 -- based on the provided package.json) and the version of tslib that you are using.
If this doesn't solve your issue, can you please provide a simplified repro as we are unable to repro your exact issue. And it would be also helpful if you could provide a copy of your tsconfig.json file. This error will occur if you are targetting es3. Thanks.

from applicationinsights-angularplugin-js.

This Issue will be closed in 30 days. Please remove the "Stale" label or comment to avoid closure with no action.

from applicationinsights-angularplugin-js.