小编Jož*_*čič的帖子

我创建了一个用 .html 和 typescript 编写的示例浏览器扩展，它在 Chrome、Firefox 和 Edge（金丝雀）中运行良好。Typescript 编译器从 .ts 文件生成了 .js 和 .js.map 文件。

我想调试源代码，在那里我可以在打字稿代码中放置断点。我可以在 Firefox 中执行此操作，但不能在 Chrome 或 Edge 中执行。Chrome 和 Edge 注意到要添加 .map 和 .ts 文件，我只能从源加载它们，断点对我不起作用。

我读了过去的文章。

• 源地图是否适用于 Chrome 扩展？
• Chrome 扩展：不加载源映射
• https://developers.google.com/web/tools/chrome-devtools/javascript/source-maps
• https://bugs.chromium.org/p/chromium/issues/detail?id=212374
• https://developer.chrome.com/extensions/manifest/web_accessible_resources

我在 manifest.json 中尝试了不同的设置。

如果我找到方法，我可以用示例扩展名附加整个 zip。扩展中的整个文件列表是：background.html、background.js、background.js.map、background.ts、base.js、base.js.map、base.ts、content.js、content.js.map , content.ts, manifest.json, popup.html, popup.js, popup.js.map, popup.ts, readme.md, tsconfig.json, tsext16.PNG, tsext19.PNG,

完整的 manifest.json 是

{
    "manifest_version": 2,

    "name": "Typescript Sourcemaps in Browser Extensions",
    "version": "1",
    "description": "Sourcemaps with Extensions",

    "icons": {
        "16": "tsext16.png"
    },
    "permissions": [
        "activeTab" …