Ionic Error Logging with Sentry using Capacitor

[@pakalex13]

Great video Simon! I was planning to use TrackJS but sentry looks more complete and it's very cool that has an integration with capactior.

[@calvinnatanael5905]

Hey Simon, i'm your new subscriber. I'm learning ionic in pandemic now, hope your tutorial, can help me a lot. Thank u Simon :)

[@galaxies_dev]

Welcome aboard!

[@mahmoudalaskalany]

i was going to add sentry today to my application you read my thoughts 😂❤️

[@flonmackenzie2876]

Does the replay of the users UI interaction work in Ionic?

[@NikhilPareekconnect]

exactly what I was looking for today! Btw, what are other alternatives to Sentry?

[@adwiyadeshpande9683]

Please make a video on making complex animations in ionic on native mobile and ios . Maybe a replica of some existing animation .

[@Dokufritz]

Hi Simon, great video. I tried it and it works great! Do you prefer Sentry mor than Crashlytics from firebase? What are the pros and cons for using the one over the other?

[@galaxies_dev]

Haven't played around with Crashlytics a lot, but if you are already using Firebase then it might be more easy in your case. But I can't compare them at the moment with my knowledge!

[@luisaramos8370]

Hi Simon, is there a way to show server errors (0, 4xx, 5xx) in Sentry? I do catch them in typescript and I show a toast with a message. But I would like to have it shown in Sentry.

[@TobiasRohde]

I often have the problem that I need information about errors from the customer and then only get meaningless screenshots. At one customer, the developer tools are even blocked throughout the company.That didn't make things any easier until now, but should now be a thing of the past. Thank you very much.

[@galaxies_dev]

Yes remote logging is really a blessing for frontend developers!

[@rupneshsharma8520]

Hi Simon, did you know how to live reload ionic app using Capacitor 3

[@mahmoudalaskalany]

ionic capacitor run android --lovereload --external you should create emulator device first in android studio then select it from command line after entering the command

[@adwiyadeshpande9683]

@@mahmoudalaskalany or just use a physical device instead of emulator

[@rupneshsharma8520]

@mahmoud alaskalany. When I use " ionic capacitor run android --livereload --external " nothing happens. If I execute 'npx capacitor run android --livereload --external" this command executes and allow me to select devices from available simulator or physical devices. But it did not perform livereload, it just installs the build.

[@mahmoudalaskalany]

@@rupneshsharma8520 i think npx will not do live reload it has to be ionic capacitor not npx capacitor

[@rupneshsharma8520]

Using ionic cap nothing happens in my terminal, I have to use npx to build my app.

[@JosueLMM]

Hello, you can create a video application or calling native components. For example use mapbox navigation sdk with ionic.

[@svbellamarina]

Tip: Pressing the play button in Sentry will make issues appear real-time (live reload)

[@dmartinezbello]

Please can you add video about datetime in ionic v6. I can’t get value onchange component

[@galaxies_dev]

Will take a look at v6 components soon!

[@musanzawanga2083]

Thank you very much! 👍

[@galaxies_dev]

You are welcome!

[@indulekha1352]

Can any help me with this error, encounter with ios build. Ionic 6 , capacitor and angular 12 SentryIntegrationProtocol.h" ^ :0: error: could not build Objective-C module 'CordovaPlugins

[@tclark]

I wish there was an Ionic Vue version of this. It's so Angular focused that nothing really applies to me. Boo!

[@TheAzerue]

Hi This is not working with Angular 15, maximum it support i guess Angular 14.x. Any idea how to solve this npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: on-call-ionic@0.0.1 npm ERR! Found: @angular/common@15.0.1 npm ERR! node_modules/@angular/common npm ERR! peer @angular/common@"^15.0.0 || ^16.0.0" from @angular/cdk@15.0.0 npm ERR! node_modules/@angular/cdk npm ERR! @angular/cdk@"^15.0.0" from the root project npm ERR! peer @angular/common@"15.0.1" from @angular/forms@15.0.1 npm ERR! node_modules/@angular/forms npm ERR! peer @angular/forms@">=12.0.0" from @ionic/angular@6.3.8 npm ERR! node_modules/@ionic/angular npm ERR! @ionic/angular@"^6.1.9" from the root project npm ERR! @angular/forms@"^15.0.0" from the root project npm ERR! 4 more (@angular/platform-browser, ...) npm ERR! npm ERR! Could not resolve dependency: npm ERR! @sentry/angular@"*" from the root project npm ERR! npm ERR! Conflicting peer dependency: @angular/common@15.0.4 npm ERR! node_modules/@angular/common npm ERR! peer @angular/common@"10.x || 11.x || 12.x || 13.x || 14.x" from @sentry/angular@7.13.0 npm ERR! node_modules/@sentry/angular npm ERR! @sentry/angular@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution.