vs code 如何调试 typescript

typescript项目,在 vscode 中 F5 启动chrome后,断点变灰,并提示如下图

贴出launch.json配置,大神路过给诊断下。该配置以前调试js项目没有异常。

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
“version”: “0.2.0”,
“configurations”: [
{
“type”: “chrome”,
“request”: “launch”,
“name”: “chrome”,
“url”: “http://localhost:7456”,
“webRoot”: “{workspaceRoot}", "sourceMapPathOverrides": { "assets/*": "{workspaceRoot}/assets/*”
},
“sourceMaps”: true,
“userDataDir”: “${workspaceRoot}/.vscode/chrome”
}
]
}

请问我也是遇到这个问题,不知道你是否解决呢?

好吧,我的问题,vscode工作流没有添加最后一个编译任务。。:sweat_smile:

我也是这个问题
添加了编译任务编译了也看不到断点
不知道什么问题

远程调试请参考相应的文档:http://docs.cocos.com/creator/manual/zh/publish/debug-jsb.html?h=chrom

并不是远程真机调试
就是单纯的F5调试网页版 typescript而已