Found that the default mappings work best

Also added forcekill to force existing dev-servers shutdown

Author: JohnCampionJr

.vscode/launch.json

@@ -37,27 +37,16 @@
       "type": "chrome",
       "request": "launch",
       "url": "http://localhost:5000",
-      "webRoot": "${workspaceFolder}/ClientApp",
+      "webRoot": "${workspaceFolder}/ClientApp/",
       "breakOnLoad": true,
-      "sourceMaps": true,
-      "sourceMapPathOverrides": {
-        "webpack:///*": "${webRoot}/*",
-        "webpack:///./*": "${webRoot}/*",
-        "webpack:///src/*": "${webRoot}/*"
-      }
+      "sourceMaps": true
     },
     {
       "name": "Launch Firefox",
       "type": "firefox",
       "request": "launch",
       "url": "http://localhost:5000",
-      "webRoot": "${workspaceFolder}/ClientApp",
-      "pathMappings": [
-        {
-          "url": "webpack:///src/",
-          "path": "${webRoot}/"
-        }
-      ]
+      "webRoot": "${workspaceFolder}/ClientApp/"
     }
   ],
   "compounds": [

Startup.cs

@@ -74,7 +74,7 @@ public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
                 if (env.IsDevelopment())
                 {
                     // run npm process with client app
-                    spa.UseVueCli(npmScript: "serve", port: 8080);
+                    spa.UseVueCli(npmScript: "serve", port: 8080, forceKill: true);
                     // if you just prefer to proxy requests from client app, use proxy to SPA dev server instead,
                     // app should be already running before starting a .NET client:
                     // spa.UseProxyToSpaDevelopmentServer("http://localhost:8080"); // your Vue app port