Creé una extensión básica de la barra lateral de Firefox y ahora quiero reescribirla con la ayuda de packagejs

La extensión funciona obteniendo información de la pestaña del navegador. Ahora que estoy tratando de reescribirlo en packagejs, browser.tab no parece funcionar

Esto es lo que tengo sin paquete

 //manifest.json "sidebar_action": { "default_icon": "icon.png", "default_title": "Theme integrated sidebar", "default_panel": "sidebar/index.html", "open_at_install": false } // sidebar/index.html <script src="main.js"></script> <script src="extension.js"></script> // extension.js browser.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) { if (changeInfo.status == "complete") { GetInitialInfo(tab); } }); function GetInitialInfo(tab) { document.body.style.backgroundColor = "#202020"; const string = "watch?v"; if (findLetter(tab.url, string)) { YoutubeScript(url, tab.title, "editor_countainer"); } } // main.js function YoutubeScript(youtube_url, title, container) { fetchData(youtube_url, title); // and then is just a case of injecting data in the dom }

Con parcelajs.js probé esto **

 //manifest.json "sidebar_action": { "default_icon": "icon.png", "default_title": "Theme integrated sidebar", "default_panel": "sidebar/dist/index.html", "open_at_install": false } // sidebar/index.html <script src="extension.js"></script> // extension.js import "./main.js" browser.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) { if (changeInfo.status == "complete") { GetInitialInfo(tab); } }); function GetInitialInfo(tab) { document.body.style.backgroundColor = "#202020"; const string = "watch?v"; if (findLetter(tab.url, string)) { YoutubeScript(url, tab.title, "editor_countainer"); } }

Tengo que cambiar la salida index.html agregando un punto en src=".extension.js" . Entonces todo funciona aparte de la pestaña browser.tab, eso no funciona