title: Debug Electron app via Visual Studio Code
body: <p>Can anyone help me? I am one of the many users who tries to debug an Electron app written in Typescript, but the breakpoints don't work. There are plenty of other threads, but none of them seem to work. Does anyone has a proper result how I can properly set it up? I highly appreciate any help!</p>
  <p><a href="https://i.stack.imgur.com/FX0Of.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FX0Of.png" alt="enter image description here" /></a></p>
  <p>This is so far the <code>launch.json</code> I came up with. My breakpoints work in <code>main.ts</code>, but not <code>home.component.ts</code>.</p>
  <pre><code>{
    &quot;version&quot;: &quot;0.2.0&quot;,
    &quot;configurations&quot;: [
      {
        &quot;type&quot;: &quot;node&quot;,
        &quot;request&quot;: &quot;launch&quot;,
        &quot;name&quot;: &quot;Electron: Main&quot;,
        &quot;protocol&quot;: &quot;inspector&quot;,
        &quot;runtimeExecutable&quot;: &quot;${workspaceFolder}/node_modules/.bin/electron&quot;,
        &quot;runtimeArgs&quot;: [&quot;--remote-debugging-port=9223&quot;, &quot;.&quot;],
        &quot;windows&quot;: {
          &quot;runtimeExecutable&quot;: &quot;${workspaceFolder}/node_modules/.bin/electron.cmd&quot;
        }
      }
    ]
  }
  </code></pre>
  <p><strong>tsconfig.json</strong></p>
  <pre><code>        &quot;sourceMap&quot;: true,
  </code></pre>