2016-11-20 15 views
0

Algolia AngularJS moduleを使用してクイック検索プロトタイプを作成しようとしています。私はAngular JS v1.xを使用するjhipster(マイクロサービスゲートウェイ)経由で生成されたアプリケーションを使用しています。私は私のアプリを起動したときモジュール 'algoliasearch'が利用できませんエラー

は、しかし、私はこのエラーを取得する: enter image description here

私は(下記参照)私も、関連するすべてのファイルをチェックするにクロスalgolia検索JSモジュール

1. npm install algoliasearch --save 
2. bower install algoliasearch -S 
3. Added algoliasearch as a dependency in app.module.js 

をインストールするには、次のコマンドを実行しました問題を見つけることができませんでした。他のモジュールが正しくロードされています。

  1. のindex.html:これはローカルに存在しているalgoliasearch.jsファイルのスクリプトタグを持っています enter image description here

  2. bower.jsonはalgoliasearchは、クライアントが正しくインストールJSと私はbower_components下algoliasearchフォルダを見ることができてい ここでenter image description here

  3. 私はalgoliasearch JSモジュールが enter image description here

  4. 012をapp.module.js追加したところです

私が何かを見逃しているかどうかはわかりません。この問題を解決するための助けとなるのはすばらしいことです。

更新11/20: ここでの回答に感謝します。私はあなたがこの上でangular.jsを含ん

algoliasearch.angular.min.js 

ような角度の特定のビルド何かも入れてスクリプトを追加する必要があり、私のbower.jsonファイル

"algoliasearch": { 
    "main":[ 
     "dist/algoliasearch.js", 
     "dist/algoliasearch.angular.js" 
    ], 
    "dependencies": { 
     "angular": "1.5.8" 
    } 
}, 

答えて

1

JHipsterに固有:

algoliasearch.angular.jsが自動的に bower.jsonが私たちのコンテキストに必要な十分なファイルを(あまりにも多く)含まれていないときに、私たちはすでに、他の依存関係のために何をすべきかのようなプロジェクトの bower.jsonファイルに追加する必要が含ま取得します
"overrides": { 
    "algoliasearch ": { 
     "main": [ 
     "dist/algoliasearch.js", 
     "dist/algoliasearch.angular.js" 
     ] 
    }, 

これら2つのスクリプトを注入するbower.jsonを編集した後gulpまたはgulp injectを実行することを忘れないでください(MVN/Gradleのと一息の両方を実行することをお勧めワークフローにdocumentationを参照)

これらのファイルの縮小版をJHipster gulpビルドプロセスで縮小して含める必要はありません。

+0

ありがとうございます。これはそれでした。 @sunil B Nによって提案されているように、私はalgoliasearchの依存関係としてangleを追加する必要がありましたが – Dhananjay

+0

これを実行して 'gulp serve'または' gulp inject'を実行すると、algoliasearch.angular.js同じように。 –

2

に以下を加えることで、この作業を得ました。

関連する問題