2016-07-31 7 views
5

Ionic 2がリリースされたので、ドキュメントやサンプルを見るのが難しくなりました。Ionic V1/Angular 1.xでionic.native.jsをインポートする方法

古いIonic V1プロジェクトでionic.native.jsを使用します。 シングは、インストールがnpm

npm install ionic-native --save

である。しかし、今、私は依存関係としてnode_modules/npmモジュールのトンを持っているということです。

あなたが角度1.xまたはプレーンES5はJavaScriptを使用している場合は、あなたがあなたのindex.htmlを

に ionic.native.jsを追加する必要があるが、彼らは与えていない:イオンのドキュメントは言います例を "どのように" index.htmlに配置する - それは私の質問です。

現在、私のファイルは次の場所にあります。

> find . -name ionic.native.js 
./node_modules/ionic-native/dist/ionic.native.js 

ありnode_modules/ディレクトリには一気タスクはません...ので、どのように私はindex.htmlにインポートしていますか?または間違った場所でnpmコマンドを使用したのでしょうか?あまりにも、あなたのindex.htmlへ

答えて

4

私はあなたと同じ問題を抱えていました。それは使用していた解決しまったものを最後に

は、:

bower install ionic-native --save 

これはインデックスページからアクセス可能なlib /ディレクトリにファイルを追加します。 index.htmlファイルで次に

、追加:

<script src="lib/ionic-native/ionic.native.js"></script> 

うまくいけば、このことができます!

+0

bowerとnpm ... right! –

0

jsフォルダにコピーしionic.native.js<script src="js/ionic.native.js"></script>を追加

+0

が、何すべての依存関係について、どのようにイオンがnode_modulesからそれらを取得するために知っています/え? –

+0

ionicネイティブバンドルJSファイルをindex.htmlにインポートすると、 はIonicNative変数経由でプラグインにアクセスできるようになります。 –

+0

しかし、 'npm install ionic-native'は他のnpmの依存関係を20個インストールしても見つからないでしょう –

0

私はこのことでイライラして(現在はそれがgulpfile.js生活がプロジェクトのルートディレクトリにあります)。私は最終的にちょうどlibフォルダにionic.native.jsファイルをコピーして、このようにそこにそれをインポート:

<script src="lib/ionic.native.js"></script>

働いたことが、私は今、それを処理するために面倒になるだろうと心配し、それは依存関係です。

0

あなたがnpm代わりのbowerを使用したい場合は、プラグインをインストールするとき、あなたは目的の場所へのパスを追加することができます。

npm install ionic-native --save --prefix www/lib 
関連する問題