解决Chrome Manifest v3扩展连接错误：接收端不存在

这个错误的核心原因是：当你切换标签时，background脚本尝试向激活的标签发送消息，但该标签没有注入你的content script（比如是浏览器内置页面、扩展自身页面，或者URL不在content script的匹配规则内），导致消息找不到接收端，触发未捕获的Promise错误。

下面是两种直接有效的解决方式：

方式一：捕获sendMessage的Promise错误 #

chrome.tabs.sendMessage在Manifest V3中返回Promise，只需添加catch捕获错误，避免控制台抛出未处理异常：

修改后的background脚本：

import refresh from "virtual:reload-on-update-in-background-script";
refresh("pages/background");

chrome.tabs.onActivated.addListener(async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab.id) return;
  
  chrome.tabs.sendMessage(tab.id, { message: "connection" })
    .catch(err => {
      // 可选：仅做日志记录，不影响功能
      console.debug("消息发送失败：目标页面未注入content script", err);
    });
});

方式二：发送前检查标签URL是否符合匹配规则 #

提前判断当前标签的URL是否在你content script的匹配范围内（根据manifest.json里的matches字段调整规则），只向符合条件的页面发送消息，从根源避免错误：

假设你的content script匹配http/https协议的页面，修改后的background脚本：

import refresh from "virtual:reload-on-update-in-background-script";
refresh("pages/background");

// 对应manifest.json中content script的matches规则
const VALID_URL_PATTERNS = [/^https?:\/\//];

chrome.tabs.onActivated.addListener(async () => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
  if (!tab.id || !tab.url) return;
  
  // 检查URL是否匹配
  const isTargetPage = VALID_URL_PATTERNS.some(pattern => pattern.test(tab.url));
  if (isTargetPage) {
    chrome.tabs.sendMessage(tab.id, { message: "connection" })
      .catch(err => console.debug("消息发送失败", err));
  }
});

两种方式都能彻底消除控制台的错误提示，同时不影响原有功能。

内容的提问来源于stack exchange，提问作者Maksym Radchenko