Bagaimanakah Saya Boleh Mengimport Modul ES6 ke dalam Skrip Kandungan Sambungan Chrome Saya?

Mengimport Modul ES6 dalam Skrip Kandungan untuk Sambungan Chrome

Masalah:

Apabila cuba mengimport modul ES6 dalam Chrome skrip kandungan sambungan menggunakan sintaks import/eksport standard, mesej ralat adalah dihadapi.

Konteks:

Chrome 61 memperkenalkan sokongan untuk modul JavaScript, tetapi sintaks import tidak dikenali dalam skrip kandungan sambungan Chrome.

Penyelesaian: Import Dinamik Asynchronous() Fungsi

Untuk mengimport modul ES6 dalam skrip kandungan sambungan Chrome, gunakan fungsi import() dinamik tak segerak:

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

Pertimbangan Tambahan:

• Isytiharkan skrip yang diimport dalam manifes sambungan sebagai boleh diakses web sumber.
• Pendekatan ini bergantung pada fungsi tak segerak, yang berkemungkinan disekat oleh pekerja perkhidmatan tapak web.

Penyelesaian "import" segerak

Sebagai alternatif, gunakan skrip bukan modul biasa dan tambahkan namanya pada tatasusunan "js" dalam "content_scripts" sebelum skrip kandungan utama. Pembolehubah global dan fungsi daripada skrip boleh diakses terus.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengimport Modul ES6 ke dalam Skrip Kandungan Sambungan Chrome Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!