Не удается отладить отдельные js-файлы действий браузера в расширении React Chrome - PullRequest
0 голосов
/ 20 марта 2019

Я занимаюсь разработкой расширения для Chrome с использованием реагирования, в котором есть фоновый скрипт и несколько js-файлов действий браузера.Это моя структура проекта

MyExtension
|__build
|__public
|    |__images
|    |__scripts
|    |__index.html
|    |__manifest.json
|
|__src
    | 
    |___browser action js files...

А это мой manifest.json

    {
      "name": "MyExtension",
      "version": "0.0.1",
      "manifest_version": 2,
      "description": "MyExtension",
      "icons": {
        "16": "images/icon-16.png",
        "128": "images/icon-128.png"
      },
      "default_locale": "en",
      "background": {
        "scripts": [
          "scripts/background.js"
        ],
        "persistent": false
      },
      "permissions": [
        "background",
        "notifications",
        "tabs",
        "storage",
        "alarms",
        "webNavigation",
        "*://*/"
      ],
      "browser_action": {
        "default_icon": {
          "16": "images/icon-16.png",
          "19": "images/icon-19.png",
          "38": "images/icon-38.png",
          "128": "images/icon-128.png"
        },
        "default_title": "MyExtension",
        "default_popup": "index.html"
      },
      "web_accessible_resources": [
        "images/icon-48.png"
      ],
      "content_security_policy": "script-src 'self' 'sha256- 
    5As4+3YpY62+l38PsxCEkjB1R4YtyktBtRScTJ3fyLU='; object-src 'self'"

}

Я использую команду npm run build для построения проекта, где build установлен на react-scripts build.Ранее я использовал для отладки файлов действий браузера, проверяя всплывающее окно расширения и устанавливая точки останова в js-файлах в каталоге src в каталоге Source окна инструментов разработчика Chrome.Я использовал для отладки фонового скрипта, нажав на ссылку background page на странице расширений chrome: //, которая показана на рисунке ниже.

Snapshot of chrome extension. I am able to debug the background script by clicking the

Но недавно я заметил, что исходные файлы действий браузера отсутствуют на вкладке «Источники», как показано на рисунке ниже.

Source files are not present in Chrome Developer Tools

Я только что получил два файла chunk.js, которые, как представляется, являются связанной версией всех моих файлов в каталоге src.У них много автоматически сгенерированного кода, и поэтому я не могу установить точки останова в файлах, которые я хочу.

Можно ли как-нибудь заставить отдельные исходные файлы появляться в Sources вкладка окна инструментов разработчика?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...