2016-04-27 6 views
1

Hallo alle Ich bin neu in Angular JS und Ionic Framework lerne ich sowohl die neueste Version verwenden, angular2 und ionic2.Wie kann ich JavaScript-Bibliotheken von Drittanbietern (pixijs) in ionic 2 verwenden?

Ich mag PixiJs(2D webGL renderer) in meiner App verwenden, aber ich weiß nicht, wie eine Drittanbieter-JavaScript-Bibliothek in Ionic2 App hinzuzufügen.

folgend Ich habe versucht:

  1. installiert, um die Drittanbieter-Bibliothek

    npm install pixi --save

  2. Importierte

    import {PIXI} from 'pixi';

  3. Mit

    var stage = new PIXI.Stage(0x66FF99);

Fehler: TypeError: Cannot read property 'Stage' of undefined

Bitte helfen Sie mir.

+0

Wissen Sie, wie Sie einer Webseite eine JavaScript-Bibliothek eines Drittanbieters hinzufügen? – Makoto

+0

Ja, ich habe es auf die gleiche Art und Weise versucht, wie ich es mit dem Script-Tag in das head-Tag eingefügt habe. Aber dann wirft ionic viel Fehler, hauptsächlich PIXI ist undefiniert. – Dipak

+0

Ich erwarte, es sollte Möglichkeit geben, es über Npm Installer hinzuzufügen und es zu verwenden, aber nicht funktioniert, was ich alles versuche. – Dipak

Antwort

5

Schließlich gelöst mit dieser tutorial auf Include External JavaScript Libraries In An Angular 2 TypeScript Project von Nic Raboy.

It says to include the script in the html header as usual web applications, then in the ts file where we need the variable declare it as follow,

declare var libraryVar: any; Then use this libraryVar where ever we need.

+0

Ich wollte nur hinzufügen. Sie können 'npm @ types/pixi.js installieren, um echte Deklarationen zu erhalten. – Clark

Verwandte Themen