diff --git a/src/lightning_app/CHANGELOG.md b/src/lightning_app/CHANGELOG.md
index e14c5fcfe748a..fc71747559675 100644
--- a/src/lightning_app/CHANGELOG.md
+++ b/src/lightning_app/CHANGELOG.md
@@ -46,7 +46,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 - Fixed race condition to over-write the frontend with app infos ([#15398](https://github.com/Lightning-AI/lightning/pull/15398))
 
 
--
+- Fixed debugging with VSCode IDE ([#15747](https://github.com/Lightning-AI/lightning/pull/15747))
 
 
 
diff --git a/src/lightning_app/core/app.py b/src/lightning_app/core/app.py
index 255f498507f67..128b6cfb2980f 100644
--- a/src/lightning_app/core/app.py
+++ b/src/lightning_app/core/app.py
@@ -169,17 +169,17 @@ def __init__(
 
         logger.debug(f"ENV: {os.environ}")
 
-    def _update_index_file(self):
-        # update index.html,
-        # this should happen once for all apps before the ui server starts running.
-        frontend.update_index_file(FRONTEND_DIR, info=self.info, root_path=self.root_path)
-
         if _should_dispatch_app():
             os.environ["LIGHTNING_DISPATCHED"] = "1"
             from lightning_app.runners import MultiProcessRuntime
 
             MultiProcessRuntime(self).dispatch()
 
+    def _update_index_file(self):
+        # update index.html,
+        # this should happen once for all apps before the ui server starts running.
+        frontend.update_index_file(FRONTEND_DIR, info=self.info, root_path=self.root_path)
+
     def get_component_by_name(self, component_name: str):
         """Returns the instance corresponding to the given component name."""
         from lightning_app.structures import Dict as LightningDict