为 Firefox 设置 TypeScript（所以它知道像 browser.storage 这样的类型）

Question

根据 Mozilla 文档，我应该可以使用browser.storage.sync.get作为我的扩展，但我很难让 typescript 理解我可以使用browser 。

我试过这个（适用于使用chrome ）

package

    "@types/chrome": "^0.0.209",
    "@types/firefox": "^0.0.31",

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "module": "CommonJS",
    "strict": true,
    "resolveJsonModule": true,
    "types": ["chrome", "firefox"]
  },
  "include": ["src", "scripts", "bundle.ts"],
  "exclude": ["node_modules", "dist", "scripts"]
}

我错过了什么？

Answer 1

全局browser变量是 webextension 环境的一部分， @types/firefox-webext-browser中提供了 typescript 绑定：

npm i -D @types/firefox-webext-browser