title: Visual studio code debugger serving file from inline content from source map
body: <p>I am trying to debug my angular code from visual studio cod. Have installed the plugin Debugger for chrome and added all the configuration required in Google Chrome for attaching debugger to a process. </p>
  
  <p>Below is the configuration in launch.json file.</p>
  
  <pre><code> "version": "0.2.0",
  "configurations": [
      {
          "type": "chrome",
          "request": "attach",
          "name": "Attach to Chrome",
          "port": 9222,
          "url":"http://localhost:4200*",
          "webRoot": "${workspaceFolder}"
      },
      {
          "type": "node",
          "request": "launch",
          "name": "Launch Program",
          "program": "${workspaceFolder}\\serve"
      }
  ]
  </code></pre>
  
  <p>After attaching it to the chrome process the breakpoints are not hit. The control goes to a read only file served from inline content in source map. Attaching the snapshot below. </p>
  
  <p><a href="https://i.stack.imgur.com/V1EPT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V1EPT.png" alt="enter image description here"></a></p>
  
  <p>Please let me know if I am missing something. I really need to get this working.</p>