Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

executeScript is undefined or not a function in a ManifestV3 extension

Why is this function from Chrome not working? I'm trying this example: https://developer.chrome.com/docs/extensions/mv3/content_scripts/#programmatic.

I'm developing an extension for chrome and sending a message from popup.js to service worker background.js and get error in executeScript.

popup.js

chrome.runtime.sendMessage({ from: "newScript"}); 

manifest.json

{
    "manifest_version": 3,
    "name": "TennisBet",
    "version": "1.0",
    "description": "Extrension for bet on tennis.",
    "action": {
        "default_icon": {
            "256": "images/tennis256.png",
            "128": "images/tennis128.png",
            "64": "images/tennis64.png",
            "32": "images/tennis32.png",
            "24": "images/tennis24.png",
            "16": "images/tennis16.png"
        },
        "default_popup": "popup/popup.html"
    },
    "background": {
        "service_worker": "background-wrapper.js"
    },
    "host_permissions": ["*://*/*"],
    "permissions": [
        "tabs",
        "alarms",
        "activeTab",
        "declarativeContent",
        "storage"
    ]
}

background.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    switch(request.from){
        case "error":
            console.log(request.message);
            break;
        case "checkTabs":
            tabsWorker();      
            break;
        case "newScript":
            chrome.scripting.executeScript({ // Error in event handler: TypeError: Cannot read property 'executeScript' of undefined
                file: "content_scripts/cscript.js"
            });
            break;
        default:
            console.log("Message listener status active");
            break;
    }
});
like image 280
Cyber User Avatar asked Nov 30 '22 13:11

Cyber User


1 Answers

The executeScript method in ManifestV3 has changed and is now in chrome.scripting API: https://developer.chrome.com/docs/extensions/reference/scripting/

Add this line in manifest.json:

"permissions": ["scripting"] 

background.js

chrome.scripting.executeScript({
    target: {tabId: id, allFrames: true},
    files: ['content_scripts/cscript.js'],
});
like image 135
Cyber User Avatar answered Dec 09 '22 23:12

Cyber User