Chrome 拡張機能: コンテンツ スクリプトで ES6 モジュールをインポートする

Question

Chrome 61 では、JavaScript モジュールのサポートが追加されました。現在Chrome 63を実行しています。

import/export 構文を使用して、Chrome 拡張機能コンテンツ スクリプトでモジュールを使用しようとしています。

Inmanifest.json:

"content_scripts": [
    {
        "js": [
            「コンテンツ.js」
        ]、
    }
]

Inmy-script.js (content.js と同じディレクトリ):

'厳密に使用';

const injectFunction = () => window.alert('hello world');

デフォルトの injectFunction;

をエクスポートします。

Incontent.js:

'厳密に使用';

'./my-script.js' から injectFunction をインポートします。
injectFunction();

次のエラーが発生します:キャッチされない構文エラー:予期しない識別子

インポート構文を import {injectFunction} from './my-script.js'; に変更すると、次のエラーが発生します: Uncaught SyntaxError : 予期しないトークン {< /p>

Chrome 拡張機能の content.js でこの構文を使用すると問題はありますか (HTML では <を使用する必要があるため) ;コード>

Answer 1

動的 import()< /code> 関数を使用します。

• ホームページ

• コース

• に質問

• 私の

• ホームページ
• コース
• 記事
• に質問
• 辞書
• マニュアル
• ダウンロード
• 特集

ホームページ

記事

に質問

コース

特集

ダウンロード

ゲーム

辞書

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）