Básicamente, estoy tratando de crear una extensión que encuentre y reemplace una sola imagen, pero la secuencia de comandos de fondo sigue generando un SyntaxError sin importar cuánto juegue con él.

Captura de pantalla del error que aparece

Estoy siguiendo este tutorial en su mayor parte, excepto que estoy buscando reemplazar una sola imagen en lugar de varias. He pegado el código que tengo hasta ahora con detalles específicos redactados:

manifiesto.json

 { "manifest_version" : 2, "name" : "Test", "version" : "0.1", "description" : "test", "web_accessible_resources" : [ "*.png" ], "icons" : { "128": "test.png" }, "background" : { "scripts" : ["bgp.js"] }, "browser_action" : { "default_icon" : "test.png" }, "content_scripts" : [ { "matches" : [ "https://test.com/, https://test.com/*" ], "js" : ["content.js"] } ] }

bgp.js

 console.log(“Background running”); chrome.browserAction.onClicked.addListener(buttonClicked); function buttonClicked(tab) { let msg = { txt : “Hello” } chrome.tabs.sendMessage(tab.id,msg); } }

content.js (agregando para completar)

 console.log('replacing image'); chrome.runtime.onMessage.addListener(replace); function replace() { let imgs = document.querySelector(".example"); let url = chrome.extension.getURL("test.png"); img.src = url; console.log(url); }