問題タブ [ng-annotate]

依存関係が縮小されるのを防ぐために、依存関係を自動的に注入するためにgrunt-ng-annotateを使用しています。以下のタスクを使用しました。

しかし、私の単調なタスクはファイルを取得できません:

「ngAnnotate:dist」(ngAnnotate) タスクの実行

新しい yeoman ジェネレーターを使用してプロジェクトを生成し、コントローラーの 1 つの上に /* @ngInject */ を追加しました

以下は私のフォルダ構造です

私は Yeoman angular genarator を使用しています。Angular モジュールを作成し、それをアプリにロードしようとしました。Grunt は ng-annotate を使用しており、アプリ スクリプトの前にベンダー スクリプト (モジュールがある場所) が読み込まれるため、何が問題なのかわかりません。

これは圧縮された index.html です

これは、モジュールが登録されているベンダー ファイルの一部です。

そして、これはスクリプトファイルの始まりです

そして、エラーは

ここで何が問題なのですか？何が欠けていますか？

リソース サービスに依存するメソッドを持つ Angular 1.4 コントローラーがあります。そのクラスのコンストラクターに で注釈を付けましたng-annotateが、それでも Angular はそのサービスがメソッドで見つからないことを呪います:

myMethodしかし、 ( )の最初の行でvar resource = new MyResource()実行が失敗します。

使用された技術:

• 角度 1.4
• ウェブパック
• バベル
• ng-注釈

ngInject を ECMA6 クラスのメソッドに適用するには?

ng-annotate を使用するように Grunt を構成しました。私が望むのは、特定のディレクトリ内のすべての .js ファイルに注釈を付け、注釈が終了したらそれらを新しいディレクトリにコピーすることです。ただし、src フォルダ全体が新しいディレクトリにコピーされます。これは私の構成です：

このようにして、src/modules と注釈付きファイルを含む min-safe フォルダーができました。注釈付きファイルを min-safe に直接コピーするにはどうすればよいですか?

ng-annotateプロジェクトにGradle Build Toolがあり、GrantまたはGulpがない場合、モジュールを使用するにはどうすればよいですか? コードを最小限に抑える必要があります。

私は ES6 コードスタイルを使用しており、次のようなサンプル モジュールを実装しています。

コンポーネントの次のコードを使用します。

console.log(this.$http) が undefined を返しています。問題は webpack コードと ng-annotate にあるのではないかと疑っていましたが、生成されたバンドルに注釈が含まれていることがわかります。

しかし、まだ機能していません。モジュールコードを検査しようとしました console.log(IndicatorSelectorComponent);

$inject が空であることがわかります。他に何をすべきかわかりません。これについて何か助けていただければ幸いです。