我无法在VS2019 IDE中调试我的Typescript文件。我已选中调试选项“允许在Chrome中进行Javascript调试...”，但是每当我在打字稿文件中设置断点时，项目启动后，它将变为带有警告标志的断点图标和带有错误消息的白色中心
This breakpoint is not yet bound and will not be hit
但是，我可以在VS2019打开的浏览器窗口中打开Chrome开发工具，并在Chrome开发工具的“源”标签中的打字稿文件中设置断点。当这些断点被击中时，VS2019就像我在IDE中设置它们一样，将移动到断点并允许我检查变量等，但仍不会“绑定”到IDE中设置的任何断点。
另外，当我在VS2019中进行编辑并保存浏览器时，自动刷新/构建就很好了，这只是在VS2019中设置断点给我带来了麻烦。
我到处都看过网上了，似乎唯一重要的设置是Options-> Debugging-> Allow javascript debugging ...
我想念什么？看来我应该可以很容易地做到这一点，但是我不确定还需要设置哪些其他设置。
编辑：链接到guthub问题：
我遇到了类似的问题，并在此线程中找到了解决方案。基本上，您必须将“ webpack：//” URL替换为“ file：///”
npm i @angular-builders/custom-webpack -D
确保安装与Webpack匹配的版本。使用以下内容在您的应用程序根目录中创建“ custom-webpack.config.js”：
var webpack = require('webpack');
const config = {
plugins: [
new webpack.SourceMapDevToolPlugin({
moduleFilenameTemplate: 'file:///[absolute-resource-path]'
})
]
};
module.exports = config;
并在您的angular.json中更改“ builder”选项：
...
"build": {
"builder": "@angular-builders/custom-webpack:browser",
"options": {
"customWebpackConfig": {
"path": "./custom-webpack.config.js"
},
...
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句