2017-09-25 5 views
0

私はこのライブラリを利用しようとしています:https://github.com/MagicTheGathering/mtg-sdk-javascript Angular2アプリケーションで。JavaScript sdkをAngular2アプリケーションにロードしようとしています。すべての依存関係を見つけることができません

残念ながら、私はアプリケーションにロードしようとしているサークルに行ってきました。私が使用してそれをインポートする場合

まず、活字体の側:

import { } from 'mtgsdk'; 

を{}内にロードする何種類がありません。

私はと似たような使用して、それをロードしようとすると:

import * as mtg from 'mtgsdk' 

を私はできないよ、それはmtgsdkという名前のモジュールを見つけることができないだと言うので。私は

npm install --save mtgsdk 

を使用してモジュールをインストールしている

はまた、NPMは他のモジュールのための作業罰金をインストールします。私はこれに似た何かを経由して必要が使用してそれをロードする場合

アプリケーションが正常にコンパイル:

var mtg = require('mtgsdk'); 

はそのアプローチを取って、私はコンパイルして起動することができるよしかし、ブラウザで、私はエラーの数を取得します見つけられないモジュールについて私はパッケージ化されていないsdkの前提条件であると判断し、package.json経由で取り込みます。私が持って一人一人のために

、私はその後systemjs.config.jsに移動し、モジュールのエントリポイントにエントリーポインティングを追加する必要があり、多くの場合、このようにブロックを使用して、デフォルトの拡張子を指定する必要があります。

ポインタ

'mtgsdk': 'npm:mtgsdk/lib/index.js', 
'request-promise': 'npm:request-promise/lib/rp.js', 
'ramda': 'npm:ramda/dist/ramda.js', 
'emitter20': 'npm:emitter20/index.js', 
'bluebird': 'npm:bluebird/js/browser/bluebird.js', 
'request': 'npm:request/index.js' 

デフォルトの拡張子

'request-promise': 
    { 
     defaultExtension: 'js' 
    } 

これは正しいアプローチだとは分かりませんが、依存度を増やすほど必要なものは増えます。ある時点では、私が立ち上げられるたびにブラウザコンソールが必要なものが増えるため、文字通り最大50個の依存関係が追加されました。

これらをすべて簡単に読み込む方法はありますか?

また、(タフなクッキーやリクエスト・プロミス・コアのような)いくつかのものは読み込みに問題があり、ブラウザ・コンソールでそれらについて不平を言うことができませんでした。最後に、それらのうちのいくつかは、URL、http、httpsなどの非常に基本的なようでした。それらはすでに存在しているはずです。

+0

どのバージョンのAngularを使用していますか? – oreofeolurin

+0

@ofofeolurin 4.3.6 – Minsc

答えて

0

systemjsを使用すると、Angular 2の以前のバージョンで使用されましたが、Angular 2はAngular 4に進化しました。Angular CLIなどの新機能が追加されました。

角度CLIを使用することをお勧めします。@angular/cliです。

インポートノードモジュールmtgsdk以来

は、ノード・モジュールで、簡単にあなたのプログラムをコンパイルするためにしかし、あなたはそれのための型定義をインストールする必要があります

import * as mtg from 'mtgsdk' 

を使用して、それをインポートすることができます。 /typings.jsonにそれを宣言するか、アプリが構築されない可能性があります。 firebase.jsなどのクライアントスクリプトの場合

クライアントスクリプトをインポート

あなたは再びsystemjs.config.jsにエントリとしてクライアントスクリプトを追加する必要はありません。

@angular/cliを使用すると、angular-cli.jsonscripts[] arrayに簡単に追加して自動編集できます。

次に、この

declare const firebase: any; 

Hereのようにそれらにアクセスするには、@angular/cli角度を設定するには、クイックスタートチュートリアルです。

+0

よろしくお願いいたします。私は見てみましょう。 – Minsc

+0

var mtg = require( 'mtgsdk');を使用してcliで作成したアプリケーションで読み込むことができました。 実際にIntellisenseに現れていても、mtgsdkを見つけることができないということについては、私はまだ蒸散器を悩まされていますが、私はそれで暮らすことができます。 – Minsc

関連する問題