javascript - Chrome 開發人員工具不顯示 .js 文件

我正在開發一個小型的 Angular 應用程式，並且我正在嘗試在 Chrome 開發者工具中進行除錯。然而，我在那裡只能看到 .ts 檔案。

我如何查看和調試 .ts 文件編譯成的 .js 文件？

我在 DevTools 設定中的「啟用 JavaScript 原始碼對應檔」選項已開啟。

答案＃1

您需要停用 Javascript 原始碼對應檔：

這不是問題中的內容，但如果你需要用於 SCSS/CSS 文件，那裡也有一個 CSS 原始檔映射選項。

另一個不起眼的方式來停用它是，如果你不想更改 Chrome 的設定，而且你能控制你的伺服器，你可以設定伺服器不要產生 source map 行，這取決於你的伺服器端生成器/編譯器。你需要查看文件來了解它是如何運作的。source map 行應該位於生成的 js 文件末尾，看起來像這樣：

//# sourceMappingURL=/path/to/file.js.map