Chrome拡張のjavascriptで、chrome.tabs.sendMessageにエラーが出る

Question

実現したいこと

Chrome拡張機能を作っていて(実装はMS Edge)、入力した秒数でタブをリロードし続ける機能をもたせたいです。

発生している問題・分からないこと

popup.jsのcontent-script.jsにメッセージを送るchrome.tabs.sendMessageという部分がエラーを吐いて、機能が実行できません。

エラーメッセージ

Uncaught TypeError: Error in invocation of tabs.sendMessage(integer tabId, any message, optional object options, optional function callback): No matching signature.

該当のソースコード

const startbotton = document.getElementById('startbotton');
startbotton.addEventListener('click', start);
const stopbotton = document.getElementById('stopbotton');
stopbotton.addEventListener('click', stop);
window.ID =! null;
function stop(){
    chrome.tabs.query( {active:true, currentWindow:true}, function(tabs){
        chrome.tabs.sendMessage(tabs[0].id, {message: 'stopreload'});
    });
    window.ID = null
};
function start(){
    const second = document.getElementById("sec");
    const interval = second.value + '000';
    const CurrentTabs = [chrome.tabs.query({active:true, lastFocusedWindow:true})];
    if(ID){
        const reload = setInterval(function(){
            if(ID == null){
                clearInterval(reload);
            };
        chrome.tabs.sendMessage(CurrentTabs[0].id, {message: 'reloading'});
        },interval);
    }
};

chrome.runtime.onMessage.addListener(function(request){
    if(request.message == 'reloading'){
        window.location.reload();
    };
    console.log(request.message);
});

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

https://stackoverflow.com/questions/60079291/chrome-tabs-sendmessage-error-handling-response
の回答とほぼ同じコードですが、エラーは解決しませんでした。

補足

特になし

Answer 1

    const CurrentTabs = [chrome.tabs.query({active:true, lastFocusedWindow:true})];

chrome.tabs.query() の戻り値を利用するなら、await する必要があります。

    const CurrentTabs = await chrome.tabs.query({active:true, lastFocusedWindow:true});

または、同じファイルの stop() のようにコールバック関数で処理する必要があります。

Comments

[kiyoken]

回答ありがとうございます。
試したところ問題が解決しました！
ベストアンサーに選ばせていただきました。