Chrome 擴展：不加載源映射

Question

由於某種原因，我無法在 Chrome 擴展程序中加載源映射。

為 Chrome 擴展加載的文件夾在.js文件旁邊有.map 。 .js文件的行//# sourceMappingURL=1.9215106f1980d05d2b4c.js.map引用了 .map 文件路徑。

但是，由於某種原因，Chrome 開發工具沒有加載地圖。

我仔細檢查了 Chrome 設置以確保 js 源映射已打開並且它正在處理一個簡單的 Angular 項目。

另外，請確保清單文件中包含以下內容：

  "web_accessible_resources":[
    "*.map"
  ],

Answer 1

注意力！ 此代碼用於開發目的而不是用於生產環境，因為它使用了 eval。 Mozilla 建議不要使用它。

在 webpack.config.js 中設置以下屬性對我有用：

module.exports = {
    //Configuration parameters

    devtool: 'eval-source-map',

    //Other configuration parameters
}

編輯：您還必須更新 manifest.json 以允許eval ：

"content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"

devTool 樣式列表： https ://webpack.js.org/configuration/devtool/#devtool

webpack.config.js 解釋： https ://webpack.js.org/configuration/