Ich versuche, meinen Typescript-Code in Chrome mithilfe der Debugging-Erweiterung für vs-Code zu debuggen. Als Webserver verwende ich nodejs (auch als VS-Code Plugin). Wenn ich es mit firefox tue, meine Haltepunkte getroffen, damit, wenn ich Chrom verwende ich folgende Fehlermeldung:Debuggen von Typescript in VSCode mit chrome mit node.js
******** Unhandled error in debug adapter: TypeError: Path must be a string. Received null
at assertPath (path.js:7:11)
at Object.dirname (path.js:697:5)
at Object.resolveMapPath (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\sourceMaps\sourceMapUtils.js:106:96)
at getSourceMapContent (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\sourceMaps\sourceMapFactory.js:71:30)
at Object.getMapForGeneratedPath (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\sourceMaps\sourceMapFactory.js:29:30)
at SourceMaps.processNewSourceMap (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\sourceMaps\sourceMaps.js:63:32)
at BaseSourceMapTransformer.scriptParsed (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\transformers\baseSourceMapTransformer.js:189:37)
at ChromeDebugAdapter.onScriptParsed (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\chrome\chromeDebugAdapter.js:314:56)
at Client.chrome.Debugger.onScriptParsed.params (C:\Users\pazureck\.vscode\extensions\msjsdiag.debugger-for-chrome-2.2.2\node_modules\vscode-chrome-debug-core\out\src\chrom[...]
Hier mein launch.json ist:
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch Firefox index.html (sourcemaps)",
"type": "firefox",
"url": "http://localhost:8080/index.html",
"webRoot": "${workspaceRoot}",
"request": "launch"
},
{
"name": "Launch Chrome with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8080/index.html",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"sourceMaps": true,
"program": "${workspaceRoot}/server.js",
"cwd": "${workspaceRoot}",
"outFiles": ["${workspaceRoot}/**/*.js"]
},
// Composite Launches *********************************************************************************************************
{
"name": "Launch Node.js with FF",
"type": "composite",
"configurationNames": [
"Launch Program", "Launch Firefox index.html (sourcemaps)"
],
"request": "launch"
},
{
"name": "Launch Node.js with Chrome",
"type": "composite",
"configurationNames": [
"Launch Program", "Launch Chrome with sourcemaps"
],
"request": "launch"
}
]
}
Hier ist mein Server .js
Es scheint, dass ich etwas falsch mache, die Mapping-Dateien zu veröffentlichen, da Chrome sie nicht zu finden scheint? Ich bekomme auch nichts nützliches über Google bezüglich der outFiles meiner Knoten-Debug-Konfiguration.
Hat jemand einen Hinweis, wie dieses Problem behoben werden kann oder warum der Chrome-Debug-Adapter eine Null für den Pfad erhält? Es beginnt und öffnet die angegebene Adresse.
Vielen Dank für Ihre Eingabe!
EDIT:
Dies wird auch auf der js Konsole kommen, bevor der Fehler in meinem Fall eintritt:
Tue, 15 Nov 2016 20:34:41 GMT send deprecated hidden: use dotfiles: 'allow' instead at node_modules\serve-static\index.js:96:18
Ich habe gerade begonnen, dies heute zu verwenden, und habe den gleichen Fehler. Eine Google-Suche nach Visual Studio-Code "unbehandelt Fehler in Debug-Adapter:" zeigt dies als das einzige Ergebnis, ich frage mich, ob es ein Update für die Erweiterung war, die etwas kaputt gemacht? – silencedmessage
Ich bin froh, dass ich nicht der Einzige bin. Vielleicht ist dies ein Hinweis auf die Ursache des Fehlers? (aus der Plugin-Hilfe): "Sehen Sie sich Ihre Quellkarten-Konfiguration genau an. Eine Quellkarte hat einen Pfad zu den Quelldateien und diese Erweiterung verwendet diesen Pfad, um die originalen Quelldateien auf der Festplatte zu finden. Überprüfen Sie die Eigenschaften quellRoot und Quellen in Ihrer Quellkarte und stellen Sie sicher, dass sie in Ihrer Startkonfiguration mit der Eigenschaft "webRoot" kombiniert werden können, um den korrekten Pfad zu den ursprünglichen Quelldateien zu erstellen. " –
Wenn ich das richtig verstehe, können Sie den gleichen Code mit https://github.com/hbenl/vscode-firefox-debug debuggen, aber nicht mit https://github.com/Microsoft/vscode-chrome-debug? Dies könnte ein Quellkartenproblem oder ein Problem mit der Chrome-Debugger-Erweiterung sein. Haben Sie nach vscode Chrome Debugger github Probleme gesucht? – Steffen