Why can't I debug my SharePoint Framework solution in production?

Question

Hi,
Since the last production deployment I can no longer find the JS files to debug in production.
In dev with VS Code running I can and the files exist in webpack:///src/webparts/WEBPART/WP.ts
In dev I can get both the localhost workbench and the workbench inside a SharePoint Online site.
In dev there is webpack:///src/webparts/ but in production and I think it existed until this last deploy.

One detail is that before I was working with the published solution and pointing to dev (Without --ship).

What can it be?

In production it should show webpack:///src/, right?

Thanks

Answer 1

Hi @Toriyama ,
Debugging the production version of your SharePoint Framework solution requires two steps: generating the source map for your optimized code, and loading the source map in the browser. If you ever debugged production versions of .NET code using PDBs, it's very much alike.
By default, the SharePoint Framework toolchain builds source maps only in debug mode. With a small change to the build process, you can have it build source maps for the production version of your solution too.
Here is the nice article I have found for you to debug production build of a SharePoint Framework solution
https://blog.mastykarz.nl/debug-production-version-sharepoint-framework-solution/

Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---