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"]},