e is not defined when use executeAsyncFunction

[matamune94]

I make error :

Error: Error thrown in execution script: e is not defined.
Stack: ReferenceError: e is not defined
    at <anonymous>:4:44
    at <anonymous>:4:76
    at <anonymous>:20:3
    at Object.chrome.tabs.executeAsyncFunction

my code:

      try {
        const scriptToExecute = async function() {
          return 'hi'
        }
        const results = await chrome.tabs.executeAsyncFunction(window.tabs[0].id, scriptToExecute)
      } catch (err) {
        console.log(err)
      }

Any have idea ?

[b5414]

@matamune94 try it:

(async()=>{
    const obj = {};

    obj.code = async()=>{
        await new Promise((r)=>setTimeout(r, 250)); // not important line
        return ['one', 'two'];
    };

    const w = await chrome.windows.create({url: 'https://google.com'});
    console.log(w);

    await new Promise((r)=>setTimeout(r, 1000)); // sometimes - important line
    try{
        const r = await chrome.tabs.executeAsyncFunction(w.tabs[0].id, obj);
        console.log(r);
    }catch(e){
        console.log(e);
    }
})();

also, make sure about permissions and the order of scripts:

"permissions": ["storage", "*://www.google.com/*", "tabs"],
"background": {"scripts": ["libs/cea.js", "libs/cea-eaf.js", "js/background.js"]},