Chrome extension-apis in Typoskript

Baue ich eine chrome-Erweiterung geschrieben, in Maschinenschrift. Ich bin mit WebStorm und ich fügte hinzu, die chrome-DefiniteltyTyped Bibliothek in mein Projekt.

Jedoch, wenn ich dies Schreibe, in meinem Typoskript-code : chrome.extension.getURL
Ich bekam eine Fehlermeldung : cannot find name 'chrome'.

Da meine javascript-Datei wird nicht generiert und ich kann es in meiner Erweiterung.

Habt Ihr irgendwelche Lösung?

InformationsquelleAutor Tristan Djahel | 2015-03-04
  1. 22

    Dass sollte funktionieren : https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/chrome/index.d.ts

    TIPP: stellen Sie sicher, Sie haben eine reference - tag Hinzugefügt:

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

    • Das ist nützlich, danke ! Ich erzähle Euch bald, wenn diese Arbeit.
    • Alles funktioniert jetzt ! Danke
    • Der link ist nicht mehr gültig ...
    • Neuer Link : github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/...
    • Geändert die Antwort mit dem link von @T. Djahel
    • Ich empfehle zu installieren npm install @typed/chrome. Es gibt keine Notwendigkeit für die Referenz-Pfad dann (die meisten IDE ' s, um den Typen dann leicht).

    InformationsquelleAutor basarat
  2. 24

    Als Typoskript von 2 (oder 2.x, nicht sicher), sollten Sie den import der chrome-Typen von @Typen.

    im Paket.json:

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

    Und im tsconfig:

        "types": [
        //(various types, e.g. jquery, core-js),
        "chrome"
    ]
    • Können Sie erklären, warum es eine devDependency und nicht regelmäßig?
    • Ich denke, dass, wenn Sie beabsichtigen, führen Sie Typoskript direkt in die target-Plattform (browser/node/etc), sollten Sie die Arten der Abhängigkeit in die Produktion. Ansonsten (ich denke das ist der häufigste Fall), das Ergebnis ist die resultierende js. Mit dem letzteren nicht erforderlich ist, die type-Definitionen, wir brauchen Sie nur für die Typüberprüfung während der ts transpilation.
    • Wie funktioniert es? wir haben in den Typ "import { Chrome } von "@types/Chrom';"?
    • Mit dieser Methode, die Sie nicht haben, um es zu importieren ausdrücklich. Sie können nur Verweis chrome direkt. Wenn Sie VS-Code, es sollte zeigen, bis in IntelliSense.
    • Ich denke, du meintest npm install --save-dev @Typen.chrome? --speichern wird dazu führen, dass Sie, die Hinzugefügt wird, um Abhängigkeiten, nicht devDependencies.
    • Funktioniert wie ein Charme! Danke.

    InformationsquelleAutor dfl
Schreibe einen Kommentar