預設angular不會生成庫的map檔案,是以無法調試庫,非常麻煩,需要進行如下設定才可以
angular.json相應的庫檔案配置部分,加上如下配置:
"architect": {
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"sourceMap": {
"scripts": true,
"styles": true,
"vendor": true
}
}
},
啟動:
ng serve --vendor-source-map
系統會提示說Option "vendorSourceMap" is deprecated. ,不用理會,等編譯快完成時,控制台會提示庫檔案的map已經生成,斷點設定一下,在webstorm裡以debug模式啟動時,執行到了斷點處就會停下,vscode沒試過,可能需要在launch.json配置下
參考:
https://stackoverflow.com/questions/50775520/how-do-you-debug-an-angular-6-library
https://stackoverflow.com/questions/55690465/vendorsourcemap-deprecated-in-angular-cli-7-2
vscdoe參考:https://developers.de/2018/09/05/angluar-library-debugging/
Done!