如何通过 webextension-polyfill 在 ContentScript 中使用 browser.storage.sync

Question

到目前为止，我一直在用 vanilla JS 开发浏览器扩展。我想继续使用 vite + Vue。在进行谷歌搜索后，我发现了这个GitHub repository，这有助于解决这个问题。

我正在尝试设置用户首选项并使用 storage.sync 将它们保存在存储中。但是当我使用 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

下面是使用 webextension-polyfill 来使用 storage.sync 的方法

import browser from "webextension-polyfill";

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