Using chrome extension apis in typescript

javascript google-chrome google-chrome-extension typescript webstorm

Tristan Djahel · Mar 4, 2015 · Viewed 17.9k times · Source

I'm building a chrome extension written in TypeScript. I'm using WebStorm and I added the chrome-DefiniteltyTyped library in my project.

However, when I write this in my typescript code : chrome.extension.getURL I got an error : cannot find name 'chrome'.

Because of this, my javascript file is not generated and I cannot use it in my extension.

Do you guys have any solution?

Answer

As of typescript 2 (or 2.x, not sure), you should import the chrome types from @types.

in package.json:

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

And in tsconfig:

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