在 Visual Studio 2017 中调试 Angular 7 断点未命中答案

【问题标题】：Debugging Angular 7 in Visual Studio 2017 breakpoint not hit在 Visual Studio 2017 中调试 Angular 7 断点未命中
【发布时间】：2019-07-17 03:40:32
【问题描述】：

已经使用 Angular 7 启动了一个 asp.net core 2.2 应用程序。如果我在 TS 代码中设置断点，当我更改下拉值时它不会命中。我需要看什么？

在模板中

          <select class="form-control form-control-sm" id="sel1" name="sellist1" (change)="selectTerminal($event.target.value)">
        <option>Val1</option>
        <option>Val2</option>
        <option>Val3</option>
        <option>Val4</option>

      </select>

我的组件中的方法

  selectTerminal(event: any)
  {    
    this.deliveryDate = event.target.value;
  }

【问题讨论】：

在浏览器中调试或确保你有 VS Code 的 chrome 调试扩展。
我没有使用 VS Code，而是使用 Visual Studio 2017
我明白这一点。据我所知，你不能在 VS 中做到这一点。
Chrome 有一个非常好的调试器，代码位于 sources/webpack 下
@theMayer - 是的，我对此没意见，但我知道我以前用早期版本的 Angular 做过这件事，这让我很恼火。请参阅下面的解决方案。

标签： angular visual-studio .net-core

【解决方案1】：

事实证明，虽然 ng build 和 ng serve 都没有报告任何问题，并且 .net 项目的构建按预期工作，但我在 VS 的错误列表选项卡上发现了许多与 Typescript 相关的问题。在关注了其他几个线程之后，似乎解决了这些问题的是
(1) 删除我的 node_modules 和 /dist 文件夹
(2) 启动一个新的 .net 核心应用程序 w/angular 模板项目（以便与我的比较）并比较 tsconfig.json 和 tsconfig.app.json 文件 - 两者都与默认的 Angular 6 示例和升级此虚拟项目后到 Angular 7。
原来，不知何故，我的 TS 编译器选项已更改为 es6 和 es2018
（3）关闭VS并重新打开，但是我认为问题已经通过上面的2件事解决了

现在我可以按预期在 TS 代码中按 F5 和断点。

【讨论】：