无法加载文件:“browser-polyfill.js”

vir*_*akh 5 google-chrome-extension firefox-addon-webextensions webextension-polyfill

我正在尝试使用 tabs.executeScript 这个 webextension-polyfill 示例来执行脚本,但收到一条错误消息: Uncaught(in Promise) 无法加载文件:“browser-polyfill.js”

这是我指的示例代码:
browser.tabs.executeScript({file: "browser-polyfill.js"}); https://github.com/mozilla/webextension-polyfill

另一个示例也是如此,我尝试在内容脚本中使用 browser-polyfill,如下所示:

"content_scripts": [{
// ...
"js": [
  "browser-polyfill.js",
  "content.js"
]
}]
Run Code Online (Sandbox Code Playgroud)

我收到错误消息:无法加载内容脚本的 javascript“browser-polyfill.js”。无法加载清单

它可以在后台脚本中运行,也可以在弹出的 html 中运行。

这是我的清单文件

{
  "name": "Dummy",
  "author": "UI Team at Dummy",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "Vera browser extension",
  "permissions": [
    "storage",
    "webRequest",
    "tabs",
    "webRequestBlocking",
    "storage",
    "*://*/*",
    "declarativeContent"
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/extension_icon16.png",
      "32": "images/extension_icon32.png"
    }
  },
  "background": {
    "scripts": ["background-proprietary.js", "background.js"]
  },
  "content_scripts": [

    {
      "matches": ["https://*.box.com/*"],
      "js": ["content-script-box.js"],
      "all_frames": true
    },
    {
      "matches": ["https://*/*"],
      "include_globs": ["*DummyExtensionFlow=1*"],
      "js": ["browser-polyfill.js","config-sharepoint.js"],
      "all_frames": true
    }
  ],
  "icons": {
    "16": "images/extension_icon16.png",
    "32": "images/extension_icon32.png",
    "48": "images/extension_icon48.png",
    "128": "images/extension_icon128.png"
  },
  "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'"
}

Run Code Online (Sandbox Code Playgroud)

这是我的弹出 html 文件,它与 webextension polyfill 一起使用

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./popup.css">
  <title>Document</title>
</head>
<body>
  <div id="root"></div>
  <script type="application/javascript" src="browser-polyfill.js"></script>
  <script type="text/javascript" src="./popup.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

我究竟做错了什么?

vir*_*akh 1

从同一教程中找到了令人满意的解决方案。

var browser = require("webextension-polyfill");
Run Code Online (Sandbox Code Playgroud)

这对我有用!

  • 请分享有关在何处添加此内容的更多详细信息。 (6认同)