I'm running ArcGIS Experience Builder 1.17 on ArcGIS Enterprise 11.3. I noticed that there is a small bug in my deployed application running on Windows IIS that I am not able to reproduce in my development environment. As such, I am trying to debug the deployed app (downloaded via the app-download.js script, https://developers.arcgis.com/experience-builder/guide/experience-deployment/#automated-deployments).
I want to set a breakpoint in the deployed, transpiled JavaScript running on IIS from my browser. However, I am unable to get execution to 'break' when the line with the breakpoint executes. When the line with the breakpoint executes, it flashes in the browser developer tools "sources" tab, but execution doesn't stop.
I've tried updating <ExB root>\client\webpack\webpack.common.js line 472 from:
exports.sourceMapOption = process.env.NODE_ENV === 'production'? false: 'inline-source-map';
, which creates a widget.js file in the myWidget\dist\runtime\ folder
to:
exports.sourceMapOption = process.env.NODE_ENV === 'production'? false: 'source-map';
which creates a widget.js file and a widget.js.map file in the myWidget\dist\runtime\ folder, but either way, I'm unable to make breakpoints work in the transpiled code that runs on my web server.
I'm new to webpack, and I haven't been able to find any resources on the Esri/Experience Builder documentation that describes debugging the deployed application. If anyone has any suggestions, I'd appreciate it!
