Angular アプリケーション [MASTER] を作成しました。その中に、機能モジュール [FEATURE_MODULE] で構築された別のアプリケーションをインポートしたいと考えています。
FEATURE_MODULE を生成するために、このチュートリアルに従いました: Modules tutorial。これにより、「SharedModule」という機能モジュールがエクスポートされます (チュートリアルを参照)。MASTER にインポートするために、このモジュールに EagerComponent を含めました。
一方、この別のチュートリアル内で説明されている手順に従って、ライブラリ コンポーネント (バンドル) を生成しました:コンポーネント チュートリアルの構築方法
最後に、そのコンポーネントを MASTER にインポートしましたが、実行すると、Angular は以下のメッセージを表示します。
私の質問は：
機能モジュールに含まれるコンポーネントをインポートして使用するにはどうすればよいですか?
App.module.ts:
imports: [... , SharedModule.forRoot(), ...],
declarations: [.., EagerComponent, ...]
「EagerComponent」は、MASTER で使用したいコンポーネントです。
出力：
C:\entorno\diciembreALG\src でモジュールを探しています
記述ファイルを使用: ...\package.json (相対パス: ./src)
説明ファイルを使用した後、フィールド 'browser' に有効なエイリアス構成が含まれていません: ...\package.json (相対パス: ./src)
記述ファイルを使用: ...\package.json (相対パス: ./src/lazy-eager/src/app/eager.component) 拡張子なし
フィールド 'browser' には有効なエイリアス構成が含まれていません C:\entorno\diciembreALG\src\lazy-eager\src\app\eager.component には含まれていません
.ts フィールド 'browser' に有効なエイリアス構成が含まれていません ...\src\lazy-eager\src\app\eager.component.ts が存在しません
.js フィールド 'browser' に有効なエイリアス構成が含まれていません ...\src\lazy-eager\src\app\eager.component.js が存在しません
ディレクトリとして ...\src\lazy-eager\src\app\eager.component が存在しません
角度バージョン:
角度 CLI: 1.6.1
ノード: 9.1.0
OS: win32 x64
角度: 5.1.1
... アニメーション、共通、コンパイラ、コンパイラ cli、コア、フォーム
... http、言語サービス、プラットフォームブラウザ
... プラットフォーム-ブラウザ-動的、ルーター
@Angular/cdk: 5.0.1
@Angular/cli: 1.6.1
@角度/素材: 5.0.1
@angular-devkit/build-optimizer: 0.0.36
@Angular-devkit/コア: 0.0.22
@Angular-devkit/回路図: 0.0.42
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.1
@回路図/角度: 0.1.11
@回路図/回路図: 0.0.11
タイプスクリプト: 2.4.2
ウェブパック: 3.10.0