2016-12-23 12 views
1

phoenix_js NPMモジュールをAngular2アプリ(Angular2 CLIで起動)にインポートしようとしましたが、エラーCannot find module 'phoenix_js'が表示されています。 CLIで開始されたプロジェクトでサードパーティのモジュールをインポートするという問題に直面している多くの人がいましたが、私のファイル構造は他の人とは異なっているようです -Angular2 - サードパーティのモジュールをインポートする

私のAngular2 CLIバージョンは1.0.0-beta.22-1であり、私はそれを次のようなサービスにインポートしようとしています:import { Socket } from "phoenix_js"; phoenix_jsモジュールはgood 'npm install --save phoenix_jsでインストールされました。

私の研究では、第三者のライブラリをsystem.configファイルに明示的に含める必要がありますが、CLIの最新バージョンではWebpackが使用されているため、このようなファイルはありません。

私はAngular2とWebpackの両方で経験がありません。私のアプリに、はい、モジュールが存在するかどうかを伝える方法についてのガイダンスは大変ありがとうと思います。

+0

あなたはアプリをどのように実行したかについて言及していません。パッケージが実際にインストール時にpackage.jsonに追加されたかどうかを確認します。何らかのエラーが原因でなかった場合、Webpackはうれしくありません。 – estus

+0

ありがとう、@estus - 私は解決策を見つけ出すことができた、下で答えた... – skwidbreth

答えて

0

私は私のsrcディレクトリにtypings.d.tsファイルを追加することによってこの問題を解決することができました...ファイルで、私は

import * as phoenixJS from 'phoenix_js'; 
を書き込むことによって、必要に応じて、私は、モジュール/コンポーネントにインポートすることができた、 declare module 'phoenix_js';を書きました

詳細については、https://github.com/angular/angular-cli#3rd-party-library-installation

関連する問題