JavaScript >> Javascript 文檔 >  >> Node.js

Node.js 中的服務器端源映射

你好,友好的 JavaScripters。你想知道你的生產代碼到底發生了什麼嗎?如果是這樣,我相信這就是您使用源映射來幫助您在瀏覽器中調試 JavaScript 異常的原因。源映射隨著 Babel 和 TypeScript 等轉譯器的普及而流行,它們允許像我們這樣的開發人員利用新的語言功能,同時仍然支持舊的、粗糙的瀏覽器(我最喜歡的)。

現在,您可以將源映射上傳到 Honeybadger,我們會在發生錯誤時自動翻譯您的堆棧跟踪,從而更容易查明錯誤的原因。

我們在構建原始系統時考慮了瀏覽器,但你們中的許多人一直在詢問是否也可以為服務器端 (Node.js) 項目上傳源地圖。例如,您可能正在使用 TypeScript 編寫 API——如果您可以將堆棧跟踪直接鏈接到 .ts,那不是很好嗎? 編輯器中的文件?當然,現在你可以了。 😄

Honeybadger 中的 Node.js 項目現在可以正式利用源映射,就像客戶端 JavaScript 項目一樣(您可以在 Project Settings -> Edit 下找到語言設置 )。

要開始使用,請查看我們的使用源地圖指南。您如何生成和上傳源映射將取決於您的工具和構建配置——我們看到的兩種最常見的配置使用 Webpack 和/或 TypeScript。

節點實驗--source-map-support

Honeybadger 還支持 Node 的實驗性 --source-map-support 版本 14+ 的標誌 .如果你運行 node--source-map-support (並在您的構建系統中生成源映射),您的堆棧跟踪應該在之前自動翻譯 將它們發送到 Honeybadger——在這種情況下,您甚至不需要上傳源地圖!

就這些了——從 JavaScript 異常跟踪文檔開始吧!


Tutorial JavaScript 教程
  1. Elm in Practice - 事件、模式匹配、Maybe、Dict 和實現轉換器邏輯

  2. 介紹 SuperBox 重新構想的燈箱畫廊

  3. 提供新的 Polymer 3.0 預覽版

  4. 使用 ASP.NET Core 2.0 和 React 開發 Web 應用程序 - 第 2 部分

  5. 什麼是 Tailwind CSS 以及如何將其添加到我的網站或 React 應用程序?

  6. 去抖動和網絡性能

  7. 如何在 React 中創建一個帶有 div 的按鈕(以及為什麼不應該這樣做)

  1. 升級到 React 後如何使用網絡字體和 SCSS 樣式表?

  2. ⚡️ MEAN vs MERN

  3. 我們製作了一個免費的 JS 庫,用於快速訪問有關人員和公司的專業數據

  4. JavaScript 中的 Blob

  5. 使用 PostgreSQL 的 Jamstack 應用程序中的連接池

  6. React - 風格化

  7. 使用 React Hooks 和 Context API 創建自定義狀態管理庫的 3 個步驟

  1. 整理現有應用程序:我學到的 3 件關鍵事情

  2. 作為初級開發人員如何建立良好的習慣和卓越表現第 2 部分:什麼是習慣

  3. JavaScript 中的分號:使用還是不使用?

  4. 將 PostgreSQL 添加到 Express 服務器