title: Unbound breakpoint - VS Code | Chrome | Angular
body: <p>I have an Angular application that I am trying to debug in <a href="https://code.visualstudio.com/" rel="noreferrer">VS Code</a>.</p>
  <p>When I compile and run the application (<code>ng serve</code>) the breakpoints are bound:</p>
  <p><a href="https://i.stack.imgur.com/iON2a.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iON2a.png" alt="enter image description here" /></a></p>
  <p>However, when I specify a different configuration e.g. <code>-c qa</code> or <code>-c uat</code> they are unbound:</p>
  <p><a href="https://i.stack.imgur.com/tgPA3.png" rel="noreferrer"><img src="https://i.stack.imgur.com/tgPA3.png" alt="enter image description here" /></a></p>
  <ol>
  <li>Why are the breakpoints unbound when I specify a different
  configuration?</li>
  <li>How do I bind the breakpoints for a debug session targeting a particular environment?</li>
  </ol>
  <hr />
  <h4>Relevant information</h4>
  <h5><em>angular.json</em> sample environment configuration:</h5>
  <pre><code>&quot;uat&quot;: {
    &quot;fileReplacements&quot;: [
      {
        &quot;replace&quot;: &quot;src/environments/environment.ts&quot;,
        &quot;with&quot;: &quot;src/environments/environment.uat.ts&quot;
      }
    ],
    &quot;optimization&quot;: true,
    &quot;outputHashing&quot;: &quot;all&quot;,
    &quot;sourceMap&quot;: false,
    &quot;extractCss&quot;: true,
    &quot;namedChunks&quot;: false,
    &quot;extractLicenses&quot;: false,
    &quot;vendorChunk&quot;: false,
    &quot;buildOptimizer&quot;: true,
    &quot;budgets&quot;: [
      {
        &quot;type&quot;: &quot;initial&quot;,
        &quot;maximumWarning&quot;: &quot;2mb&quot;,
        &quot;maximumError&quot;: &quot;5mb&quot;
      },
      {
        &quot;type&quot;: &quot;anyComponentStyle&quot;,
        &quot;maximumWarning&quot;: &quot;6kb&quot;,
        &quot;maximumError&quot;: &quot;10kb&quot;
      }
    ]
  },
  </code></pre>
  <h5>Software versioning:</h5>
  <ul>
  <li><a href="https://code.visualstudio.com/" rel="noreferrer">Visual Studio Code</a> <code>1.50.1</code></li>
  <li><a href="https://www.google.com/intl/en_uk/chrome/" rel="noreferrer">Chrome</a> <code>83.0.4103.122</code></li>
  <li><a href="https://github.com/Microsoft/vscode-chrome-debug" rel="noreferrer">Debugger for Chrome</a> <code>4.12.11</code></li>
  <li><a href="https://github.com/microsoft/vscode-js-debug" rel="noreferrer">JavaScript Debugger (Nightly)</a> <code>2020.10.2217</code></li>
  </ul>