google-chrome-extension - ポートの取得: 接続を確立できませんでした。受信側が存在しません。何も機能していません。文字通り

Question

そのため、このトピックに関する他のすべてのスタック オーバーフローの投稿を調べ、可能な限りすべてを 1 行ずつ変更しましたが、何も機能していません。(このコードの 99% は dev.google.com から直接引用したものであることは気にしないでください) 何を試しても、タイトルに記載されているエラーが表示されます。説明がないように見えるので、このグループが私が見逃している可能性のあるばかげたことを見つけてくれることを願っています. ありがとう！

マニフェスト.json

  {
  "manifest_version": 2,

  "name": "Topic Fetch",
  "description": "This extension extracts the meta keywords from a news article and give you related articles from Google News",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_title" : "Get Related Links"
  },

    "background": {
    "persistent": false,
    "scripts": ["background.js"]
  },

  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "js": ["Content-Script.js"],
      "run_at": "document_end"
    }
  ],

  "permissions": [
    "tabs","<all_urls>",
    "activeTab"
  ]
}

background.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
console.log(tabs);
chrome.tabs.sendMessage(tabs[0].id, "message", function(response) {
    alert(response);
});
});

Content-Script.js

    chrome.runtime.onMessage.addListener(
  function(message, sender, sendResponse) {
      sendResponse('Hello!');
  });

編集: これが私が使用しているコード (大部分) と、Chrome 拡張機能でのメッセージ パッシングに関する情報です: https://developer.chrome.com/extensions/messaging.html