Получение ошибки расширения Chrome: не удается найти контекст с указанным идентификатором и ошибкой протокола инспектора - PullRequest
Новая
       64

Получение ошибки расширения Chrome: не удается найти контекст с указанным идентификатором и ошибкой протокола инспектора

0 голосов
/ 22 ноября 2018

Я пытаюсь создать базовое расширение, используя API разработчика chrome .Я создал панель в окне инструментов разработчика и визуализировал пользовательский интерфейс, используя чистый HTML и ES6.Но когда я создал ту же страницу пользовательского интерфейса в React (используя build -act-app build), инструмент chrome dev не отображает пользовательский интерфейс и выдает следующие ошибки. 

Cannot find context with specified id _evaluateGlobal @ shell.js:5111

Extension server error: Inspector protocol error: 
       Cannot find context with specified id makeStatus @ shell.js:7823

Я попытался снова, удалив все остальныемета-теги и конфиги сервисного работника из HTML, тем не менее, я получаю ту же проблему (я могу правильно отобразить эту страницу реакции в окне браузера).

РЕДАКТИРОВАТЬ : Я могу отобразить базовую страницу реакции в панели Chrome Devtool, используя ReactJS чистым способом JavaScript (не JSX, благодаря Babel-REPL).Проблема возникает только при использовании create-реакции-app build.

Пожалуйста, смотрите код ниже,

extension.js 

    // Create a tab in the devtools area
    chrome.devtools.panels.create("Tool heading", "toast.png", "panel.html", function (panel) { 
        console.log(panel);
    });

Panel.html (базовое приложение для взаимодействия с пользовательским интерфейсом с использованием create-Reaction-app) 

    <!doctype html>
    <html lang="en">
    <head>
        <link href="./build/static/css/main.4742e13d.chunk.css" rel="stylesheet">
    </head>
    <body>
        <div id="root"></div>
        <script src="./build/static/js/1.4698090b.chunk.js"></script>
        <script src="./build/static/js/main.804b2e98.chunk.js"></script>
    </body>
    </html>

Полный журнал ошибок: 

shell.js:3123 [Deprecation] document.registerElement is deprecated and will be removed in M73, around March 2019. Please use window.customElements.define instead. See https://www.chromestatus.com/features/4642138092470272 for more details.
UI.registerCustomElement @ shell.js:3123
shell.js:3081 [Deprecation] Element.createShadowRoot is deprecated and will be removed in M73, around March 2019. Please use Element.attachShadow instead. See https://www.chromestatus.com/features/4507242028072960 for more details.
UI.createShadowRootWithCoreStyles @ shell.js:3081
shell.js:7924 Main._createAppUI: 24.008056640625ms
shell.js:7924 Main._showAppUI: 72.796875ms
shell.js:7924 Main._initializeTarget: 9.6240234375ms
shell.js:7924 Main._lateInitialization: 18.457275390625ms
devtools.js:4 Object
shell.js:5111 Cannot find context with specified id
_evaluateGlobal @ shell.js:5111
shell.js:7823 Extension server error: Inspector protocol error: Cannot find context with specified id
makeStatus @ shell.js:7823

Пожалуйста, поделитесь своими мыслями, комментариями и ссылками.

Заранее спасибо.

...