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

Question

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

我正在尝试设置用户首选项并使用

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);
})