Mi complemento de Firefox actualmente tiene el archivo principal organizer.js y simplemente no se ejecuta cuando importo cosas de otros archivos js (footer.js y header.js).
manifiesto.json
{ "manifest_version": 2, "name": "Course Organizer", "version": "1.0", "description": "Keep the hassles that come with UI of class schedule at bay and make your course selection process smooth and seamless", "icons": { "48": "icons/border-48.png" }, "content_scripts": [ { "matches": ["*://*.my.wasabi.edu/e/reg/soc-view/results.asp*"], "js": ["organizer.js", "footer.js", "header.js"], "css": ["index.css"] } ] }organizer.js (la parte relevante)
import hello from 'footer' import head from 'header' console.log(hello + head)pie de página.js
let hello = 'haha' export {hello}encabezado.js
let head = 'head' export {head}Investigué un poco y descubrí que los archivos js se cargan en el orden especificado en la matriz, así que me metí con eso pero fue en vano. Cada vez que comento las importaciones, se ejecuta de nuevo.
Lo hice funcionar de la manera que quiero ahora y descubrí que está prohibido usar la importación/exportación en archivos JS en una extensión. Si está tratando de dividir una gran parte del código en un archivo en muchos archivos, córtelos y péguelos en tantos archivos nuevos como desee. Tenga en cuenta el orden de los archivos en "scripts de contenido", ya que se cargarán en la web en ese orden y no desea hacer referencia a un elemento que aún no existe en DOM porque se crea en los archivos siguientes.