{"id":910191,"date":"2020-07-10T12:12:33","date_gmt":"2020-07-10T19:12:33","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=910191"},"modified":"2020-07-10T12:12:33","modified_gmt":"2020-07-10T19:12:33","slug":"javascript-debugging-tips-part-iv-error-handling","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling","title":{"rendered":"JavaScript Debugging Tips Part IV – Error Handling"},"author":7451,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[22941],"tags":[96582,72381,38851,24921,27491],"industry":[],"product":[36831,36601],"class_list":["post-910191","blog","type-blog","status-publish","format-standard","hentry","category-mapping","tag-arcgis-api-for-javascript","tag-debugging","tag-developers","tag-javascript","tag-jsapi4","product-js-api-arcgis","product-developers"],"acf":{"short_description":"This blog post is the fourth in a series of JavaScript debugging tips and tricks to help you on your way.","flexible_content":[{"acf_fc_layout":"content","content":"

If you’re anything like me, you make mistakes. A lot of them. Fortunately, I work on a team full of super-sharp people who have enough patience to help me deal with my issues while they manage their own. But as I learn and grow, I want to take up less of their time, and figure out how to resolve my own minor crises.<\/p>\n

This blog post is the fourth in a series of JavaScript debugging tips and tricks to help you on your way. While earlier posts focused on browser debugging, this one will have an emphasis on using native JavaScript to handle errors with the 4x version of the ArcGIS API for JavaScript.<\/a> The next blog will focus on the error handling abilities of the API itself.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":913611,"id":913611,"title":"Nothing happened","filename":"nothing_happened.png","filesize":20979,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/nothing_happened","alt":"Nothing happened","author":"7451","description":"Nothing happened","caption":"","name":"nothing_happened","status":"inherit","uploaded_to":910191,"date":"2020-07-01 22:34:04","modified":"2020-07-01 22:34:18","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":336,"height":250,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","medium-width":336,"medium-height":250,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","medium_large-width":336,"medium_large-height":250,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","large-width":336,"large-height":250,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","1536x1536-width":336,"1536x1536-height":250,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","2048x2048-width":336,"2048x2048-height":250,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","card_image-width":336,"card_image-height":250,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/nothing_happened.png","wide_image-width":336,"wide_image-height":250}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Nothing happened<\/h3>\n

This is my most common issue. I write some code and run it in a browser, and either nothing happens or nothing changed. No bueno. So I go to the samples and search for a keyword<\/a> and then copy and paste part of the sample code from the sandbox, host it locally in my original app, and watch it work. Bueno. But I learned nothing.<\/p>\n

When this happens, cracking open the browser console will usually reveal what’s gone wrong. If it’s not there, then for sure there’s a request in the network tab that had an erroneous response. These are good ways to figure out what broke, but only after the fact. As Maureen Howard<\/a> said: “Hindsight is common and bland as boiled potatoes.”<\/em><\/p>\n

We should really try to get in front of our potential potato problems. Let’s look at the app development process and see where we can make some improvements.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":913681,"id":913681,"title":"Error handling","filename":"error_handling.png","filesize":21353,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/error_handling","alt":"Error handling","author":"7451","description":"Error handling","caption":"","name":"error_handling","status":"inherit","uploaded_to":910191,"date":"2020-07-01 22:47:56","modified":"2020-07-01 22:48:16","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":336,"height":252,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","medium-width":336,"medium-height":252,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","medium_large-width":336,"medium_large-height":252,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","large-width":336,"large-height":252,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","1536x1536-width":336,"1536x1536-height":252,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","2048x2048-width":336,"2048x2048-height":252,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","card_image-width":336,"card_image-height":252,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/error_handling.png","wide_image-width":336,"wide_image-height":252}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

JavaScript error handling<\/h3>\n

Like a trail of luminescent stones left out in the moonlight, adding proper error handling logic to your code can help guide you to where you want to go. Let’s look at an example.<\/p>\n

Say you want to create an app with some granular printing controls. If you look at the doc for printTask.execute()<\/a>, you can see that the method takes two parameters; the first is required and the second is optional. You can also see that the method returns a promise, which when resolved returns a PrintResponse<\/a> with one property.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":920531,"id":920531,"title":"printTask.execute()","filename":"PrintTaskMethodDetails.png","filesize":25014,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/printtaskmethoddetails","alt":"printTask.execute()","author":"7451","description":"printTask.execute()","caption":"","name":"printtaskmethoddetails","status":"inherit","uploaded_to":910191,"date":"2020-07-07 17:24:59","modified":"2020-07-07 17:25:21","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":991,"height":152,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails-213x152.png","thumbnail-width":213,"thumbnail-height":152,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","medium-width":464,"medium-height":71,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","medium_large-width":768,"medium_large-height":118,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","large-width":991,"large-height":152,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","1536x1536-width":991,"1536x1536-height":152,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","2048x2048-width":991,"2048x2048-height":152,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails-826x127.png","card_image-width":826,"card_image-height":127,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/PrintTaskMethodDetails.png","wide_image-width":991,"wide_image-height":152}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/api-reference\/esri-tasks-PrintTask.html#execute"},{"acf_fc_layout":"content","content":"

If you look at the code snippet for printTask.execute(), you see this line:<\/p>\n

printTask.execute(params).then(printResult, printError);<\/code><\/p>\n

This makes use of the promise<\/a> that is returned as the result of the printTask using a .then() method<\/a> that calls the printResult() function if the promise resolves, or calls the printError() function if the promise fails. Here is a live app<\/a> that has two print buttons. One should pass, and one should fail.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":915851,"id":915851,"title":"PrintTask Pass\/Fail","filename":"print-task-pass-fail-app.png","filesize":195523,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/print-task-pass-fail-app","alt":"PrintTask Pass\/Fail","author":"7451","description":"PrintTask app","caption":"PrintTask app. Click the image to go to the live app.","name":"print-task-pass-fail-app","status":"inherit","uploaded_to":910191,"date":"2020-07-02 22:51:44","modified":"2020-07-02 22:52:53","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1382,"height":700,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","medium-width":464,"medium-height":235,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","medium_large-width":768,"medium_large-height":389,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","large-width":1382,"large-height":700,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","1536x1536-width":1382,"1536x1536-height":700,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","2048x2048-width":1382,"2048x2048-height":700,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app-826x418.png","card_image-width":826,"card_image-height":418,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/print-task-pass-fail-app.png","wide_image-width":1382,"wide_image-height":700}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/noash\/pen\/gOPoxZj"},{"acf_fc_layout":"content","content":"

Open the console of the web browser, and you should see this message:<\/p>\n

Something broke: TypeError: Cannot read property 'spatialReference' of null<\/code><\/p>\n

Sure enough, the spatial reference is null because I forgot to define the view when I constructed the second print task function. But if I did not have that simple printError() function, it would be far less obvious what the issue was.<\/p>\n

Now that’s a good way to handle errors with native JavaScript promises, which the ArcGIS API for JavaScript returns by default<\/a> since version 4.15. Let’s look at another way to handle errors.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":921041,"id":921041,"title":"JavaScript can do it","filename":"JS_can_Do_it.png","filesize":22829,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/js_can_do_it","alt":"JavaScript can do it","author":"7451","description":"JavaScript can do it","caption":"","name":"js_can_do_it","status":"inherit","uploaded_to":910191,"date":"2020-07-07 18:23:12","modified":"2020-07-07 18:23:25","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":335,"height":252,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","medium-width":335,"medium-height":252,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","medium_large-width":335,"medium_large-height":252,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","large-width":335,"large-height":252,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","1536x1536-width":335,"1536x1536-height":252,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","2048x2048-width":335,"2048x2048-height":252,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","card_image-width":335,"card_image-height":252,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/JS_can_Do_it.png","wide_image-width":335,"wide_image-height":252}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Another option is to use try and catch<\/a> statements. This is a good way to handle new and\/or important functionality in your app. So if you’re adding something new and just testing it out, this is a good option to try it out. Or if there is functionality that you want to actively monitor, this is a good option to catch any potential issues and handle them appropriately.<\/p>\n

Here is an example of what a try and catch statement looks like:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":929191,"id":929191,"title":"Try and Catch syntax","filename":"try-catch-syntax.png","filesize":12791,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/try-catch-syntax","alt":"Try and Catch syntax","author":"7451","description":"Try and Catch syntax","caption":"","name":"try-catch-syntax","status":"inherit","uploaded_to":910191,"date":"2020-07-09 20:58:13","modified":"2020-07-09 20:58:27","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":633,"height":277,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","medium-width":464,"medium-height":203,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","medium_large-width":633,"medium_large-height":277,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","large-width":633,"large-height":277,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","1536x1536-width":633,"1536x1536-height":277,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","2048x2048-width":633,"2048x2048-height":277,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","card_image-width":633,"card_image-height":277,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try-catch-syntax.png","wide_image-width":633,"wide_image-height":277}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/www.w3schools.com\/js\/js_errors.asp"},{"acf_fc_layout":"content","content":"

This time, let’s wrap our important functionality in the try statement. Then we’ll add some logic to the catch statement so that the app doesn’t crash if the try statement fails. This is a better end-user experience (e.g. an experience versus a blank screen).<\/p>\n

This app makes use of the OGCFeatureLayer<\/a>, which is new at version 4.16. The functionality we want to monitor is the ability to switch between a 2D MapView and a 3D SceneView with the click of a button. As an aside, we were able to match the exact purple color between the CSS, the button, and the label halos by using the Color Picker in Chrome DevTools<\/a>.<\/p>\n

The try statement starts at line 153. We try<\/em> to set the viewpoint, container, and activeView properties to match the view that the end-user switched to. Now without this try\/catch statement, if this part of the app failed, the app would crash, the screen would be blank, and the console would be full of helpful but slightly angry error messages. A better way is to add the try\/catch statement, so that if the try part fails, the catch part keeps the app alive. In this app, we assign the above property values to the last known working values, then log a message in the console.<\/p>\n

\nExpand to view the code for try\/catch<\/summary>\n
if<\/span> (is3D) {\r\n<\/span>   try<\/span> {\r\n<\/span>      console<\/span>.log(<\/span>\"Switching to 2D\"<\/span>);\r\n      appConfig.mapView.viewpoint = appConfig.container;\r\n      appConfig.mapView.container = appConfig.mapView;\r\n      appConfig.activeView = activeViewpoint;\r\n      switchButton.value = <\/span>\"3D\"<\/span>;\r\n      } <\/span>catch<\/span> {\r\n<\/span>         console<\/span>.log(<\/span>\"Problem switching to 2D. Remaining in 3D.\"<\/span>);\r\n         appConfig.sceneView.viewpoint = activeViewpoint;\r\n         appConfig.sceneView.container = appConfig.container;\r\n         appConfig.activeView = appConfig.sceneView;\r\n         switchButton.value = <\/span>\"2D\"<\/span>;\r\n      }\r\n} <\/span>else<\/span> {\r\n<\/span>   try<\/span> {\r\n<\/span>      console<\/span>.log(<\/span>\"Switching to 3D\"<\/span>);\r\n      appConfig.sceneView.viewpoint = activeViewpoint;\r\n      appConfig.sceneView.container = appConfig.container;\r\n      appConfig.activeView = appConfig.sceneView;\r\n      switchButton.value = <\/span>\"2D\"<\/span>;\r\n      } <\/span>catch<\/span> {\r\n<\/span>         console<\/span>.log(<\/span>\"Problem switching to 3D. Remaining in 2D.\"<\/span>);\r\n         appConfig.mapView.viewpoint = activeViewpoint;\r\n         appConfig.mapView.container = appConfig.container;\r\n         appConfig.activeView = appConfig.mapView;\r\n         switchButton.value = <\/span>\"3D\"<\/span>;\r\n      }\r\n}\r\n<\/span><\/code><\/pre>\n<\/details>\n"},{"acf_fc_layout":"content","content":"
Another good try and catch example from our SDK: Sample – IntegratedMeshLayer modification<\/a>. The logic starts at line 249:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":922201,"id":922201,"title":"try and catch snippet","filename":"try_catch_snippet.png","filesize":23415,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/try_catch_snippet","alt":"try and catch snippet","author":"7451","description":"try and catch snippet","caption":"","name":"try_catch_snippet","status":"inherit","uploaded_to":910191,"date":"2020-07-07 21:37:49","modified":"2020-07-07 21:38:01","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":602,"height":246,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","medium-width":464,"medium-height":190,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","medium_large-width":602,"medium_large-height":246,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","large-width":602,"large-height":246,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","1536x1536-width":602,"1536x1536-height":246,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","2048x2048-width":602,"2048x2048-height":246,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","card_image-width":602,"card_image-height":246,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/try_catch_snippet.png","wide_image-width":602,"wide_image-height":246}},"image_position":"left-center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/sandbox\/index.html?sample=layers-integratedmeshlayer-modification"},{"acf_fc_layout":"content","content":"
Fun, right? And practical.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":913621,"id":913621,"title":"Additional resources","filename":"additional_resources.png","filesize":24659,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/additional_resources","alt":"Additional resources","author":"7451","description":"Additional resources","caption":"","name":"additional_resources","status":"inherit","uploaded_to":910191,"date":"2020-07-01 22:34:31","modified":"2020-07-01 22:34:45","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":336,"height":252,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","medium-width":336,"medium-height":252,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","medium_large-width":336,"medium_large-height":252,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","large-width":336,"large-height":252,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","1536x1536-width":336,"1536x1536-height":252,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","2048x2048-width":336,"2048x2048-height":252,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","card_image-width":336,"card_image-height":252,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/additional_resources.png","wide_image-width":336,"wide_image-height":252}},"image_position":"left-center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"
Additional Resources<\/h3>\n
Want more? Me too. Here are some links to additional resources, and feel free to leave a comment below to share your own debugging resources.<\/p>\n
Past blogs in the series:<\/p>\n
The code snippet above shows how the app below works. Click on the 3D<\/code> or 2D<\/code> button in the upper-left corner to run the app and run into issues: try\/catch OGCFeatureLayer app<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":929101,"id":929101,"title":"try\/catch OGCFeatureLayer","filename":"OGCFeatureLayer_App.png","filesize":85155,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/mapping\/javascript-debugging-tips-part-iv-error-handling\/ogcfeaturelayer_app","alt":"try\/catch OGCFeatureLayer","author":"7451","description":"try\/catch OGCFeatureLayer","caption":"","name":"ogcfeaturelayer_app","status":"inherit","uploaded_to":910191,"date":"2020-07-09 20:47:17","modified":"2020-07-09 20:47:37","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1055,"height":549,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","medium-width":464,"medium-height":241,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","medium_large-width":768,"medium_large-height":400,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","large-width":1055,"large-height":549,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","1536x1536-width":1055,"1536x1536-height":549,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","2048x2048-width":1055,"2048x2048-height":549,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App-826x430.png","card_image-width":826,"card_image-height":430,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2020\/07\/OGCFeatureLayer_App.png","wide_image-width":1055,"wide_image-height":549}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/noash\/pen\/GRodabG"},{"acf_fc_layout":"content","content":"