0

但是,儘管我安裝了VSCode擴展:Debugger for Edge,但我試圖根據here設置VSCode用於Edge調試。而在VSCode的Launch.json文件是象下面這樣:意外的服務器響應(400)

{ 
// 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調試器。我的應用程序項目是一個Angular2 QuickStart示例,您可以在this page上找到code here。我總是遇到「[debugger-for-chrome]意外的服務器響應(400)」,顯示在VSCode中。

如果您對使用VSCode調試Angular2/typescript項目有任何想法,歡迎留言。

+0

我認爲Chrome調試器擴展更穩定,如果您可以在Chrome中調試而不是Edge:https://marketplace.visualstudio.com/items ?itemName = msjsdiag.debugger-forchrome –

回答

0

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

除了您的一般調試問題,其中有人建議您嘗試Chrome的DevTools。在這種情況下,生成400的代碼很可能不在Angular的用戶代碼中,而是由外部資源生成。

相關問題