Estoy tratando de crear una extensión de Chrome y quiero interactuar de diferentes maneras con las herramientas de desarrollo. Para crear una base, decidí seguir esta guía , sin embargo, parece que no funciona en absoluto. Los errores llegan de este fragmento de código:

 chrome.devtools.panels.create( "My Panel", "/icons/star.png", "/devtools/panel/panel.html" ).then((newPanel) => { newPanel.onShown.addListener(handleShown); newPanel.onHidden.addListener(handleHidden); });

Los errores:

TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'entonces')
Ignorar la solicitud de cliente no autorizado de nulo

Un panel se crea con éxito, sin embargo, cuando intenta verlo, solo dice "Es posible que se haya movido, editado o eliminado". Si en lugar de hacerlo, agregue una función de devolución de llamada. El TypeError se elimina, pero la Ignoring unauthorized client request persiste.

Esta es la primera vez que trabajo con extensiones de Chrome o cualquier cosa con la API de devtools, sin embargo, no he podido encontrar suficiente ayuda en línea.