Así que estoy construyendo una extensión muy simple para Firefox. El problema que tengo es que no puedo importar el archivo js que necesito para que funcione.
Estructura de extensión
root- |-------manifest.json |-------index.html |-------phoenix.js |-------msg.jsComo puedes ver tengo todos los archivos al mismo nivel.
En mi manifiesto, tengo:
//manifest.json { "manifest_version": 2, "name": "Socket", "version": "1.0", "description": "Simple extension test", "icons": { "48": "icons/border-48.png" }, "content_scripts": [ { "matches": ["<all_urls>"], "js": ["phoenix.js", "msg.js"] } ], "background": { "scripts": [ "phoenix.js", "msg.js" ] } }En mi index.html tengo:
<!DOCTYPE html> <html> <head> <title>Test</title> <meta charset="uth-8"> </head> <body style="background:black; color:white"> <!-- Msg board --> <!-- Type bar and Send btn --> </body> <script src="./phoenix.js"> </script> <script src="./msg.js"> </script> </html>En mi msg.js, estoy tratando de importar phoenix.js para crear un socket y conectarme a mi servidor back-end Elixir websocket.
//msg.js import {Socket} from "phoenix" // I also tried "./phoenix"Entonces, el gran problema es que parece que no puedo importar el fénix. Traté de tenerlo como guión de fondo y también como guión de contenido.
"background":[ "phoenix.js", "msg.js" ]puede necesitar ser:
"background": { "scripts": [ "phoenix.js", "msg.js" ] }