无法在镶边扩展中获取已检查的元素

问：

我正在尝试使用 chrome 扩展 api 在网页中获取 dom 元素。 以下是我为扩展程序编写的清单chrome.devtools.inspectedWindow.

{
    "manifest_version": 3,
    "name": "Component Selector",
    "version": "1.0",
    "devtools_page": "devtools/devtools.html",
    "permissions": ["activeTab", "tabs", "debugger"]
}

我在 devtools 中编写的 js.js如下

function getInspectedElement() {
  chrome.devtools.inspectedWindow.eval(
    'inspect($0)',
    function (result, exceptionInfo) {
      if (!exceptionInfo) {
        console.log('Element selected for inspection:', result);
        if (result) {
          console.log(result.style);
        }
      } else {
        console.error('Error selecting element:', exceptionInfo);
      }
    }
  );
}

chrome.devtools.panels.elements.onSelectionChanged.addListener(
  getInspectedElement
);

chrome.devtools.panels.create("My Panel",
  null,
  "devtools/panel.html",
  function (panel) {
  }
);

当我在控制台中检查输出时，我仍然收到以下错误