Question

我在Typescript调试中遇到了一个问题，我真的迷失了断点的工作。

问题：

我正在使用the integrated angular-cli app处理Visual Studio 2017（现在已经兼容，不再需要webpack配置文件了）但是如果我在我的打字稿文件上放置一个断点，那么断点就不存在了击中。

我在我的tsconfig.json中启用了“sourceMap：true”布尔值，理论上它应该是我应该编辑的唯一文件。
现在我的tsconfig.json内容如下：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "strict": false,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

如果需要，我很乐意与您分享更多信息和更多我的代码，但实际上您可以轻松地通过调试Visual Studio 2017中创建的角度应用程序来轻松重现该问题遵循CMD / PowerShell命令：

dotnet new --install Microsoft.DotNet.Web.Spa.ProjectTemplates :: 2.0.0
dotnet new angular -o my-new-app
cd my-new-app
cd ClientApp
npm update

问题：
为了在Visual Studio 2017中启用Angular Typescript调试，你能解释一下我应该设置什么？

提前致谢！

重要编辑


Visual Studio ts debug的替代方法
看起来没有webpack.config文件的新角度6+应用程序可以通过chrome webtools进行调试。
如果在tsconfig上启用sourceMap:true，您甚至可以调试.ts文件。
在“webpack”代码部分找到它们，因为我读过here。

Visual Studio怎么样？
其中一个新的Visual Studio更新使脚本调试成为可能，但尚未使用最新的角度cli和角度版本。

......和 VS Code怎么样？
感谢Liebster Kamerad的评论，你可以找到如何在VS代码here上启用断点

保持这个问题，希望下一次更新能以某种方式解决这个问题

Visual Studio 2017中的Angular 5调试：断点不起作用

0 个答案: