title: VSCode Unbound breakpoint
body: <p>I tried all these solutions <a href="https://stackoverflow.com/questions/64589447/unbound-breakpoint-vs-code-chrome-angular">Unbound breakpoint - VS Code | Chrome | Angular</a> but all fail.
  What else can I try. I just want debug my code line by line.</p>
  <p>myproject</p>
  <p>├── .vscode</p>
  <p>│   ├── extensions.json</p>
  <p>│   ├── launch.json</p>
  <p>│   └── settings.json</p>
  <p>├── src</p>
  <p>│   ├── app</p>
  <p>│   ├── assets</p>
  <p>│   ├── environment</p>
  <p>│   └── styles</p>
  <p>└── angular.json</p>
  <p>launch.json</p>
  <pre><code>{
    &quot;version&quot;: &quot;0.2.0&quot;,
    &quot;configurations&quot;: [
      {
        &quot;type&quot;: &quot;chrome&quot;,
        &quot;request&quot;: &quot;launch&quot;,
        &quot;name&quot;: &quot;Launch Chrome against localhost&quot;,
        &quot;url&quot;: &quot;http://localhost:4200&quot;,
        &quot;webRoot&quot;: &quot;${workspaceRoot}&quot;,
        &quot;sourceMaps&quot;: true
      }
    ]
  }
  </code></pre>
  <p>angular.json</p>
  <pre><code>{
    &quot;$schema&quot;: &quot;./node_modules/@angular/cli/lib/config/schema.json&quot;,
    &quot;cli&quot;: {
      &quot;analytics&quot;: false
    },
    &quot;version&quot;: 1,
    &quot;newProjectRoot&quot;: &quot;projects&quot;,
    &quot;projects&quot;: {
      &quot;myproject&quot;: {
        &quot;projectType&quot;: &quot;application&quot;,
        &quot;schematics&quot;: {
          &quot;@schematics/angular:component&quot;: {
            &quot;spec&quot;: false,
            &quot;flat&quot;: false,
            &quot;inlineStyle&quot;: true,
            &quot;inlineTemplate&quot;: false,
            &quot;style&quot;: &quot;less&quot;
          },
          &quot;@schematics/angular:application&quot;: {
            &quot;strict&quot;: true
          },
          &quot;ng-alain:module&quot;: {
            &quot;routing&quot;: true,
            &quot;spec&quot;: false
          },
          &quot;ng-alain:list&quot;: {
            &quot;spec&quot;: false
          },
          &quot;ng-alain:edit&quot;: {
            &quot;spec&quot;: false,
            &quot;modal&quot;: true
          },
          &quot;ng-alain:view&quot;: {
            &quot;spec&quot;: false,
            &quot;modal&quot;: true
          },
          &quot;ng-alain:curd&quot;: {
            &quot;spec&quot;: false
          },
          &quot;@schematics/angular:module&quot;: {
            &quot;routing&quot;: true,
            &quot;spec&quot;: false
          },
          &quot;@schematics/angular:directive&quot;: {
            &quot;spec&quot;: false
          },
          &quot;@schematics/angular:service&quot;: {
            &quot;spec&quot;: false
          }
        },
        &quot;root&quot;: &quot;&quot;,
        &quot;sourceRoot&quot;: &quot;src&quot;,
        &quot;prefix&quot;: &quot;app&quot;,
        &quot;architect&quot;: {
          &quot;build&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:browser&quot;,
            &quot;options&quot;: {
              &quot;outputPath&quot;: &quot;dist/myproject&quot;,
              &quot;index&quot;: &quot;src/index.html&quot;,
              &quot;main&quot;: &quot;src/main.ts&quot;,
              &quot;polyfills&quot;: &quot;src/polyfills.ts&quot;,
              &quot;tsConfig&quot;: &quot;tsconfig.app.json&quot;,
              &quot;assets&quot;: [
                &quot;src/favicon.ico&quot;,
                &quot;src/assets&quot;,
                &quot;src/manifest.json&quot;,
                {
                  &quot;glob&quot;: &quot;**/*&quot;,
                  &quot;input&quot;: &quot;./node_modules/@ant-design/icons-angular/src/inline-svg/&quot;,
                  &quot;output&quot;: &quot;/assets/&quot;
                }
              ],
              &quot;styles&quot;: [
                &quot;node_modules/ng-zorro-antd/ng-zorro-antd.min.css&quot;,
                &quot;src/styles.less&quot;
              ],
              &quot;scripts&quot;: [],
              &quot;allowedCommonJsDependencies&quot;: [
                &quot;@antv/g2&quot;,
                &quot;ajv&quot;,
                &quot;ajv-formats&quot;,
                &quot;date-fns&quot;,
                &quot;file-saver&quot;
              ]
            },
            &quot;configurations&quot;: {
              &quot;production&quot;: {
                &quot;fileReplacements&quot;: [
                  {
                    &quot;replace&quot;: &quot;src/environments/environment.ts&quot;,
                    &quot;with&quot;: &quot;src/environments/environment.prod.ts&quot;
                  }
                ],
                &quot;outputHashing&quot;: &quot;all&quot;,
                &quot;budgets&quot;: [
                  {
                    &quot;type&quot;: &quot;initial&quot;,
                    &quot;maximumWarning&quot;: &quot;2mb&quot;,
                    &quot;maximumError&quot;: &quot;3mb&quot;
                  },
                  {
                    &quot;type&quot;: &quot;anyComponentStyle&quot;,
                    &quot;maximumWarning&quot;: &quot;2kb&quot;,
                    &quot;maximumError&quot;: &quot;4kb&quot;
                  }
                ],
                &quot;serviceWorker&quot;: true,
                &quot;ngswConfigPath&quot;: &quot;ngsw-config.json&quot;
              },
              &quot;qas&quot;: {
                &quot;fileReplacements&quot;: [
                  {
                    &quot;replace&quot;: &quot;src/environments/environment.ts&quot;,
                    &quot;with&quot;: &quot;src/environments/environment.qas.ts&quot;
                  }
                ],
                &quot;outputHashing&quot;: &quot;all&quot;,
                &quot;namedChunks&quot;: false,
                &quot;vendorChunk&quot;: false,
                &quot;buildOptimizer&quot;: true,
                &quot;serviceWorker&quot;: true,
                &quot;ngswConfigPath&quot;: &quot;ngsw-config.json&quot;
              },
              &quot;development&quot;: {
                &quot;buildOptimizer&quot;: false,
                &quot;optimization&quot;: false,
                &quot;vendorChunk&quot;: true,
                &quot;extractLicenses&quot;: false,
                &quot;sourceMap&quot;: true,
                &quot;namedChunks&quot;: true
              }
            },
            &quot;defaultConfiguration&quot;: &quot;production&quot;
          },
          &quot;serve&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:dev-server&quot;,
            &quot;options&quot;: {
              &quot;browserTarget&quot;: &quot;myproject:build&quot;,
              &quot;proxyConfig&quot;: &quot;proxy/proxy.conf.json&quot;,
              &quot;disableHostCheck&quot;: true,
              &quot;host&quot;: &quot;0.0.0.0&quot;,
              &quot;port&quot;: 4290,
              &quot;open&quot;: true
            },
            &quot;configurations&quot;: {
              &quot;production&quot;: {
                &quot;browserTarget&quot;: &quot;myproject:build:production&quot;
              },
              &quot;qas&quot;: {
                &quot;browserTarget&quot;: &quot;myproject:build:qas&quot;
              },
              &quot;development&quot;: {
                &quot;browserTarget&quot;: &quot;myproject:build:development&quot;
              }
            },
            &quot;defaultConfiguration&quot;: &quot;development&quot;
          },
          &quot;extract-i18n&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:extract-i18n&quot;,
            &quot;options&quot;: {
              &quot;browserTarget&quot;: &quot;myproject:build&quot;
            }
          },
          &quot;test&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:karma&quot;,
            &quot;options&quot;: {
              &quot;main&quot;: &quot;src/test.ts&quot;,
              &quot;polyfills&quot;: &quot;src/polyfills.ts&quot;,
              &quot;tsConfig&quot;: &quot;tsconfig.spec.json&quot;,
              &quot;karmaConfig&quot;: &quot;karma.conf.js&quot;,
              &quot;assets&quot;: [
                &quot;src/favicon.ico&quot;,
                &quot;src/assets&quot;,
                &quot;src/manifest.json&quot;
              ],
              &quot;styles&quot;: [
                &quot;src/styles.less&quot;
              ],
              &quot;scripts&quot;: []
            }
          },
          &quot;e2e&quot;: {
            &quot;builder&quot;: &quot;@angular-devkit/build-angular:protractor&quot;,
            &quot;options&quot;: {
              &quot;protractorConfig&quot;: &quot;e2e/protractor.conf.js&quot;,
              &quot;devServerTarget&quot;: &quot;myproject:serve&quot;
            },
            &quot;configurations&quot;: {
              &quot;production&quot;: {
                &quot;devServerTarget&quot;: &quot;myproject:serve:production&quot;
              }
            }
          },
          &quot;lint&quot;: {
            &quot;builder&quot;: &quot;@angular-eslint/builder:lint&quot;,
            &quot;options&quot;: {
              &quot;lintFilePatterns&quot;: [
                &quot;src/**/*.ts&quot;,
                &quot;src/**/*.html&quot;
              ]
            }
          }
        }
      }
    },
    &quot;defaultProject&quot;: &quot;myproject&quot;
  }
  </code></pre>