網站搜尋

javascript - TypeScript 原始碼地圖在 Chrome 開發者工具中不會刷新


我有一個大型的 TypeScript 代碼庫,我使用像這樣的選項在我的 tsconfig.json 文件中進行編譯。

{
  ...
  "sourceMap": true,
  "outFile": "../js/app.js",
  "target": "es5",
  ...
}

很多時候,當我在一個 gulp 任務中使用 tsc 重新編譯我的 TypeScript 專案時,Chrome 開發工具中的 TypeScript 原始碼會無緣無故地不同步。之後,有時它又會隨機跟上,顯示正確的原始碼。這真的很惱人,因為我無法調試我的專案,斷點和所有東西都亂掉了。

我嘗試過多次使用 F5 重新加載頁面,也使用 Ctrl+F5,但資源仍然沒有從更新的 source map 文件重新加載。

我也試著在開發工具中禁用快取,但問題仍然出現。

我再次確認每次 TypeScript 編譯時,.map 檔案確實有更新。

我完全不知道發生了什麼事。有沒有人遇到過類似的情況?還有什麼可能造成這種情況,什麼可能是永久解決方案?