我有一個角度專案:
- 角度版本是 9.x
- 打字稿版本是 3.8.x
我可以在運行時在每一行設定斷點ng serve
但是當我運行時我無法在某些行中設定斷點ng build
這是我的編譯選項:
"optimization": true,
"outputHashing": "none",
"sourceMap": true,
"extractCss": false,
"namedChunks": false,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
這是我的相關代碼:
static httpHandle(error: HttpErrorResponse): Observable<HttpEvent<any>>{
let errorMessage = '';
if (error.error instanceof ErrorEvent) {
// client-side error
errorMessage = `Error: ${error.error.message}`;
} else {
// server-side error
errorMessage = `Error Status: ${error.status} -- Message: ${error.message}`;
if (error.status === 404){
errorMessage = "API is not found, Please contact Admin";
}else if (error.status === 400){
errorMessage = error.error;
}else if (error.status === 403){
errorMessage = `You don't have permission to do this`;
}else if (error.status === 401){
errorMessage = `Session timeout, Please relogin`;
}else{
errorMessage = `API Error: ${error.status} ${error.statusText}`;
}
}
console.log(errorMessage);
return throwError(errorMessage);
}
編譯后的代碼中,只有3行可以設定斷點,在ng serve,所有非灰行都可以設定斷點
我看到有人提到要重新打開 devTools 并清理快取 Chrome DevTools 不會讓我在 我嘗試過的某些行上設定斷點,但問題仍然存在。
我也嘗試了 Chrome 和 Edge,他們有完全相同的問題。
uj5u.com熱心網友回復:
更改為false后,我可以在所有代碼行上進行除錯optimization ,但是生成的檔案要大8倍
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/432274.html
