Исходные карты (для расширения браузера) у меня не работают в Chrome 75, Edge 77 - PullRequest
0 голосов
/ 05 июля 2019

Я создал пример расширения браузера, написанного на .html, и машинописный текст, который отлично работает в Chrome, Firefox и Edge (канарейка).Компилятор Typescript сгенерировал файлы .js и .js.map из файлов .ts.

Я хочу отладить исходный код, где я могу разместить точки останова для кода машинописи.Я могу сделать это в Firefox, но не в Chrome или Edge.Chrome и Edge замечают, что файлы .map и .ts должны быть добавлены, я могу загрузить их только из источников, и точки останова не работают для меня.

Я читаю прошлые статьи.

Я пробовал разные настройки в 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,

complete manifest.json is

{
    "manifest_version": 2,

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

    "icons": {
        "16": "tsext16.png"
    },
    "permissions": [
        "activeTab"
    ],
    "browser_action": {
        "default_icon": {
            "16": "tsext16.png",
            "19": "tsext19.png"
        },
        "default_popup": "popup.html",
        "default_title": "Typescript example popup"
    },
    "background": {
        "scripts": [
            "base.js",
            "background.js"
        ]
    },
    "content_scripts": [{
        "matches": ["http://*/*", "https://*/*"],
        "js": [
            "base.js",
            "content.js"
            ]
    }],
    "web_accessible_resources": [
        "background.js.map",
        "background.ts",
        "*"
    ]
}

При просмотре панели исходного кода отображаются только файлы .js.В верхней части файла .js появляется сообщение «Обнаружена карта источника».Тем не менее, я не знаю, как загрузить файл .ts (например, popup.ts) таким образом, чтобы заставить работать точки останова.Я могу пометить точки останова в любом файле .ts, если я загружаю его из «файловой системы», но выполнение не останавливается и имя файла, как показано на вкладке, имеет дополнительный значок (что, вероятно, означает «только для просмотра, не подключен»).к отладчику ") аналогично" новому документу ".

Я могу отладить это расширение примера в текущем Firefox 67. Я могу получить исходные карты для веб-страниц в Chrome.Я пробовал на Windows 10 и Windows 7, оба x64.

...