在打字稿中使用 chrome 扩展 api

Question

我正在构建一个用 TypeScript 编写的 chrome 扩展。我正在使用 WebStorm 并在我的项目中添加了 chrome-DefiniteltyTyped 库。

但是，当我在我的打字稿代码中写这个时： chrome.extension.getURL 我得到一个错误： cannot find name 'chrome' 。

因此，我的 javascript 文件没有生成，我不能在我的扩展中使用它。

你们有什么解决办法吗？

原文由 Tristan Djahel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

那应该可以正常工作： https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/chrome/index.d.ts

提示：确保添加了 reference 标签：

/// <reference path="pathTo/chrome.d.ts"/>

原文由 basarat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

从 typescript 2（或 2.x，不确定）开始，您应该从 @types 导入 chrome 类型。

在 package.json 中：

 "devDependencies": {
    ...
    "@types/chrome": "0.0.35", // or just npm install --save-dev @types/chrome

在 tsconfig 中：

     "types": [
        //(various types, e.g. jquery, core-js),
        "chrome"
    ]

原文由 dfl 发布，翻译遵循 CC BY-SA 3.0 许可协议