我正在尝试创建一个基本的Chrome扩展，当用户点击扩展时，它会打开一个新的标签页。它似乎不起作用。当我打开扩展（点击它）时，什么都没有发生（新的标签页或窗口没有打开）。
1.)我通过命令yarn create vite chrome-sf-poc --template react创建了一个新项目
2.)这是用于生成包yarn build && cp src/manifest.json dist/ && public/background.js dist/的脚本

清单.json

{
  "manifest_version": 3,
  "name": "DEV Articles",
  "description": "A quick way to browse top posts from DEV Community.",
  "version": "0.0.1",
  "action": {
    "default_popup": "index.html"
  },
  "background": {
    "service_worker": "background.js"
  },
  "permissions": ["storage", "activeTab", "scripting", "tabs", "runtime"]
}

背景.js

chrome.browserAction.onClicked.addListener(function (tab) {
  chrome.tabs.create({
    url: chrome.extension.getURL("https://www.google.com/"),
    selected: true,
  });

  chrome.tabs.create({
    url: chrome.extension.getURL("https://www.google.com/"),
    selected: true,
  });
});

chrome.runtime.onStartup.addListener(function () {
  chrome.tabs.create({
    url: chrome.extension.getURL("https://www.google.com/"),
    selected: true,
  });

  chrome.tabs.create({
    url: chrome.extension.getURL("https://www.google.com/"),
    selected: true,
  });
});

当我将扩展加载到chrome中时，它显示service worker处于非活动状态：