Estoy tratando de hacer que funcione una extensión de Chrome V3, pero no estoy seguro de cómo cambiar este código V2 que funciona.
manifiesto.json
{ "name": "Extension name", "version": "1.0", "manifest_version": 3, "description": "Display API Info.", "background": { "service_worker": "background.js" }, "icons": { "16": "./icons/icon16.png", "48": "./icons/icon48.png", "128": "./icons/icon128.png" }, "action": {} }fondo.js
chrome.browserAction.setBadgeBackgroundColor({ color: "green" }); const setStuff = () => { chrome.browserAction.setBadgeText({ text: `...` }); } const callApi = () => { setStuff(); setTimeout(() => fetch('https://api.com/api') .then(response => response.json()) .then(data => { chrome.browserAction.setBadgeText({ text: `${data.info}` }); }).catch(error => console.log(error)), 5000) } callApi() setInterval(function () { callApi() }, 300000);Obteniendo este error al probarlo localmente
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'setBadgeBackgroundColor')Cambie su código que es manifiesto v2:
chrome.browserAction.setBadgeBackgroundColor({ color: "green" }); const setStuff = () => { chrome.browserAction.setBadgeText({ text: `...` }); }A este código para el manifiesto de extensión de Chrome v3:
chrome.action.setBadgeBackgroundColor({ color: "green" }); const setStuff = () => { chrome.action.setBadgeText({ text: `...` }); }