Chrome 扩展程序消息传递不起作用（background.js 到 content.js）

我束手无策，试图弄清楚为什么我无法在我的 Chrome 扩展程序中传递消息。

请记住，上个月我对 javascript 完全陌生，并且我一直在通过在线视频自学（我的编码背景完全是 java）。

我想要的只是让我的后台脚本能够通知我的内容脚本发生了一些事情，然后随后在内容脚本中执行一些代码。正如你在下面看到的，我的代码设置与文档相同 https://developer.chrome.com/extensions/messaging，但它不起作用！

以下是我加载扩展程序时遇到的错误：

Errors https://i.stack.imgur.com/W47Jr.png

清单.json

{
   "content_scripts": [
      {
      "matches": ["<all_urls>"],
      "js": ["content.js"]
      }
   ],

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

   "permissions": [
      "activeTab",
      "tabs",
      "storage"
   ],

   "manifest_version": 2,
   "name": "eSports YT Viewer",
   "version": "1.0.0",
   "description": "An eSports viewer for youtube"
}

背景.js

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

内容.js

chrome.runtime.onMessage.addListener(
   function(request, sender, sendResponse) {
      console.log(sender.tab ?
      "from a content script:" + sender.tab.url :
      "from the extension");
      if (request.greeting == "hello") {
         sendResponse({farewell: "goodbye"});
      }
});

非常感谢任何帮助！谢谢。

从我在你的帖子中看到的一切看起来都是按顺序进行的，所以我只是提出一些想法：

我认为这里错误的线索是第一个错误，而不是第二个错误——看起来脚本之间的通信还没有正确建立 https://developer.chrome.com/extensions/tabs#method-sendMessage.

可能尝试改变persistent将后台脚本设置为 false：

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

来自文档 https://developer.chrome.com/extensions/background_pages#manifest，仅当您使用以下命令修改网络请求时才需要chrome.webRequestAPI 可能会导致此处的设置出现一些奇怪的问题。

但正如我所说，这只是初步猜测。

祝你好运！