Debugger Visual Studio Code tidak dapat menemukan sourcemaps dengan Cordova dan TypeScript
Saya sedang mencoba untuk men-debug Aplikasi Cordova saya yang dibuat menggunakan TypeScript di Visual Studio Code. Saya memiliki sourcemap eksternal yang ada dan berada di dekat bundle.js saya.
Ketika saya mencoba untuk melakukan debug di Perangkat Android saya, konsol debug menampilkan kesalahan:
Could not read source map for file:///android_asset/www/bundle.js: ENOENT: no such file or directory, open 'C:\android_asset\www\bundle.js.map'
Ketika saya mencari kesalahan ini di Google, saya mendapatkan jawaban bahwa saya harus menambahkan resolveSourceMapLocations ke launchconfig yang mengarah ke folder proyek. Tetapi konfigurasi itu tidak ada pada launch config untuk Cordova, hanya pada Node.js.
Saya juga telah mencoba menambahkan pathmapping dan sourceMapPathOverrides tetapi itu tidak berpengaruh.
"pathMapping" : {
"/" : "${workspaceFolder}"
},
"sourceMapPathOverrides": {
"file:///android_asset/www/*": "${workspaceFolder}/www/*"
}
Konfigurasi peluncuran saya terlihat seperti ini saat ini:
{
"name": "Run Android on device",
"type": "cordova",
"request": "launch",
"platform": "android",
"target": "device",
"port": 9222,
"sourceMaps": true,
"cwd": "${workspaceFolder}",
"pathMapping" : {
"/" : "${workspaceFolder}"
},
"sourceMapPathOverrides": {
"file:///android_asset/www/*": "${workspaceFolder}/www/*"
}
},