Javascript 使用VSCode在浏览器中调试简单的Typescript应用程序

我正在构建我的第一个typescript项目（我的背景是C#，Java）。应用程序按预期工作，但我无法在typescript中设置断点并调试应用程序

另外，当我使用纯类型脚本编译器（tsconfig with tsc.exe）时，映射工作得非常好。我正在使用gulp，因为我想把所有的js放在一个文件中

---

当生成的js中出现错误时，VisualStudio代码会在js文件（bundle.js）而不是typescript中遇到断点，但是自定义断点永远不会工作

我正在使用Windows10进行开发

请在下面找到我的代码

HTML

index.html

你好，世界！
正在加载

使用最新版本的chrome，您将能够调试ts。因此，您使用launch with sourcemap选项，但它仍然不起作用？？检查是否在chrome设置中禁用了sourcemaps，另外，当生成的js中出现错误时，您可能需要为vscode安装seprate chrome调试器插件，然后visual studio代码在js文件（bundle.js）中遇到断点，而不是typescript，然而，自定义断点从不工作我已经安装了插件，这就是当我点击play时启动chrome的原因