I’ve been struggling with this for a while now, and really hope someone has an (up to date) answer to this.
Using the cli I’ve created a simple React app. The app is installed in my development store and after starting my testserver using npm run dev I can visit the app in my store. So far so good.
However, during development finding the causes of errors has been a nightmare. I can see errors in the browser’s console, and I can server side issues in the terminal in VSCode, but because the app runs in an iFrame I can’t seem to attach a debugger or run the React profiler from the browser extension to easily get to the root of problems.
The docs don’t really provide any more information than just the initial setup of your app. They don’t go into actual debugging (they even still mention the whole ngrok tunneling setup which I think has been deprecated and replaced with the automated cloudflare tunnel for a while now)
So my question is: as per 2025, what is the best way to develop, and more importantly debug, an app on Shopify…?