Не удалось загрузить файл: "browser-polyfill.js"

Я пробовал этот пример webextension-polyfill для выполнения скрипта с использованием tabs.executeScript, и я получаю сообщение об ошибке: Uncaught(в обещании) Не удалось загрузить файл: "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"
]
}]

Я получаю сообщение об ошибке: не удалось загрузить 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'"
}

Вот мой всплывающий HTML-файл, который работает с полифилом webextension

<!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>

Что я делаю неправильно?

2 ответа

Нашел удовлетворительное решение из того же учебника.

var browser = require("webextension-polyfill");

Это работает для меня!

В документе сказано, что после того, как вы установили пакетnpm install --save-dev, Вы найдете этот файл вnode_modules/webextension-polyfill/dist/browser-polyfill.js. Все, что вам нужно сделать, это скопировать этот файл в каталог вашего проекта.

Вы также можете использовать уменьшенную версию для лучшей скорости загрузки.

webextension-polyfill

Другие вопросы по тегам