Add additional VS Code debug profiles by Dripcoding · Pull Request #14098 · streamlit/streamlit

The backend debug configuration adds "--server.headless=true" and "--global.developmentMode=true" flags. While these flags are appropriate for debugging (headless mode prevents automatic browser opening, and developmentMode is used by make debug), there's a potential inconsistency with the compound configuration approach.

The "--server.headless=true" flag is good since the React debug profile will handle opening the browser. However, when "--global.developmentMode=true" is used, according to the Makefile (line 296), it "forbids manual server.port overrides". This means the backend will choose its own port, but the "Debug React App" configuration expects the backend at localhost:8501 (as noted in the comment on line 37).

This could cause connection issues if the backend doesn't bind to port 8501. Consider verifying whether developmentMode allows the backend to use 8501, or if additional configuration is needed to ensure the backend and frontend ports align correctly.

"--server.headless=true",
"--global.developmentMode=true"
]
// allows to set breakpoints in installed packages, such as the Streamlit lib itself or custom component code etc.
// "justMyCode": false,
"--server.headless=true"
]
// allows to set breakpoints in installed packages, such as the Streamlit lib itself or custom component code etc.
// "justMyCode": false,
// "justMyCode": false,