Reactjs 您无权使用阻止 webRequest 侦听器.请务必在 list 中声明 webRequestBlocking 权限

我试图用Reaction js开发我的第一个Chrome扩展.当我try 使用chrome.webRequestAPI阻止Chrome扩展中的URL时，错误页显示了两个错误.

"webRequestBlock"要求 list 版本为2或更低.

未判断的runtime.lastError:您没有使用阻止WebRequest侦听器的权限.请确保在您的 list 中声明了webRequestBlock权限.

并且我在 list 文件中声明了"webRequestBlock"权限.这是我的宣传单.

{
  "manifest_version": 3,
  "name": "Chrome Extension",
  "description": "First Extension",
  "options_page": "options.html",
  "background": {
  "service_worker": "background.bundle.js",
  "matches": [
   "<all_urls>"
  ]
},
 "action": {
 "default_title": "Open Extension",
 "default_icon": "icon-34.png"
 },
 "icons": {
 "128": "icon-128.png"
 },
 "content_scripts": [
 {
   "matches": [
    "http://*/*",
    "https://*/*",
    "<all_urls>"
   ],
   "js": [
    "contentScript.bundle.js"
   ],
   "css": [
    "content.styles.css"
   ]
  }
 ],
 "devtools_page": "devtools.html",
 "web_accessible_resources": [
 {
  "resources": [
    "content.styles.css",
    "icon-128.png",
    "icon-34.png"
   ],
   "matches": []
  }
 ],
  "permissions": [
  "activeTab",
  "tabs",
  "webRequest",
  "webRequestBlocking"
 ],
 "host_permissions": [
  "<all_urls>"
 ]
}

这是我的背景.js

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
    console.log(details);
    return {cancel: true};
  },
  {urls: ["https://reactjs.org/"]},
  ["blocking"]
);

我试着删除了WebRequestBlock，但也是一样的.有人能帮我吗？有没有办法解决这个问题？