【chrome拡張機能】コンソールを表示させたい

実現したいこと

chrome extension v3にて
background.js → content.js にコンソールを表示させたい

発生している問題・エラーメッセージ

background.js:1 Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.

該当のソースコード

background.js

chrome.tabs.query({active: true, lastFocusedWindow: true, currentWindow: true}, function(tab) { chrome.tabs.sendMessage(tab[0].id, {greeting: "hello"}) } );

content.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse){ console.log(request.greeting) })

manifest.json

{ "name": "テスト用", "version": "1.0", "manifest_version": 3, "background": { "service_worker": "background.js" }, "permissions": [ "storage", "activeTab", "scripting", "background", "tabs" ], "content_scripts": [{ "matches": ["<all_urls>"], "js": ["content.js"] }] }

試したこと

エラー文を検索し、以下のことを試してみましたが変化ありませんでした。

・chrome.runtime.onMessage.addListener()のfunctionの中の一番最後にreturn trueを記述
・更新ボタンを押す
・他の拡張機能が影響していないか、他の機能を全てOFF