意外的服务器响应（400）

Question

根据here的说法，我正在尝试使用Edge设置VSCode进行调试，但是，虽然我安装了VSCode扩展：Debugger for Edge。 VSCode中的Launch.json文件如下所示：

{
// Use IntelliSense to learn about possible Node.js debug attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [       
    {
        "type": "edge",
        "request": "launch",
        "name": "Launch Program",
        "url": "http://localhost:4200",
        "webRoot": "${workspaceRoot}/",
        "sourceMaps": true
    }
    ,
    {
        "name": "attach to my-app",
        "type": "edge",
        "request": "attach",            
        "port": 9222,
        "url": "http://localhost:4200/",
        "webRoot": "${workspaceRoot}/",
        "diagnosticLogging": true
    }
]
}

我正在从上面的“附加到我的应用程序”选项启动VSCode调试器。 my-app项目是一个Angular2 QuickStart示例，您可以在this page上找到code here。我总是在VSCode中看到“[debugger-for-chrome]意外的服务器响应（400）”。

如果您对使用VSCode调试Angular2 / typescript项目有任何想法，欢迎您发表评论。

Answer 1

指定的端口属性与您在URL属性中包含的端口不匹配。

除了您的一般调试问题，建议您尝试使用Chrome的DevTools。在这种情况下，生成400的代码很可能不在Angular端的用户代码中，而是由外部资源生成。