Как использовать browser.storage.sync в ContentScript с webextension-polyfill

Question

До сих пор я разрабатывал расширение для браузера на vanial JS. Я хотел бы использовать vite + Vue в будущем. Выполнив поиск в Google, я нашел этот репозиторий GitHub , который помогает в этом.

Я пытаюсь установить пользовательские настройки и сохранить их в хранилище с помощью . Но когда я использую browser.storage.sync.get, я получаю ошибку ниже

Не удается прочитать свойства неопределенного (чтение «синхронизация»)

Как это решить? Как правильно использоватьstorage.syncс webextension-polyfill или @types/webextension-polyfill

Ниже приведен код с использованием vanilla js, который отлично работает.

      chrome.storage.sync.get({ 'testData': MyTestData }, result => {
  console.log(result);
})

Answer 1

Ниже приведен способ использования storage.sync с использованием webextension-polyfill.

      import browser from "webextension-polyfill";

browser.storage.sync.set({ 'testData': MyTestData }, result => {
  console.log(result);
})