importieren ES6 -Module in Chrome -Erweiterungs -Inhaltskripten

Ausgabe: in Chrome 63, importieren ES6 -Module mit dem Import/Exportsyntax in einem Inhaltskript in einem Inhaltskript in Syntax ergeben Fehler.

Lösung:

Chrome -Erweiterungen unterstützen ES6 -Module durch eine asynchrone dynamische Import () -Funktion:

(async () => {
  const src = chrome.runtime.getURL("your/content_main.js");
  const contentMain = await import(src);
  contentMain.main();
})();

Diese Methode hat jedoch Einschränkungen:

• sie kann durch den Servicearbeiter der Website blockiert werden. Bedenken Sie:
Verwenden eines normalen Nicht-Modul-Skripts.

Hinzufügen von "js" in "content_scripts" vor Ihrem Hauptinhaltskript.

mit den globalen Variablen/Funktionen direkt. Informationen:
[wie man es6 "importieren" mit Chrome -Erweiterung verwendet] (https://stackoverflow.com/a/50132415)
[Arbeitsbeispiel von ES6 importieren in Chrome importieren Extension](https://github.com/browsers-toolbox/es-import-in-extension)

[chrome.runtime.getURL](https://developer.chrome.com/extensions/runtime#method-getURL)