問題タブ [ng-modules]

https://angular.io/tutorial/toh-pt0のチュートリアルを完了しましたが、現在、チュートリアルを /public/ フォルダーにコンパイルしようとしてエラーが発生しています...

私のwebpack.config.jsはシンプルです

と私の app.module.ts

ご覧のとおり、babel-loader を使用してみましたが、モジュールのビルドに失敗しました: SyntaxError: Unexpected token with the "@".

私の最初の考えは、ローダーが見つからないということですが、いくつかのローダーを試してみましたが、エラーメッセージを変更したものの問題を解決しなかったローダーはbabelだけでした。

アプリケーションは「ng serve」を使用して正しくコンパイルされ、標準の angular-cli アプリケーションで webpack を使用しています。

同様の問題に関する他のいくつかの質問を調べましたが、それらのほとんどは css または scss に関するもので、正しいローダーを使用していません。これはローダーの問題だと思いますが、それを機能させるために使用するローダーが見つかりません。

使用しているプロバイダーを抽象化するために、Authentication Angular Library プロジェクトを作成しました。Angular ライブラリ プロジェクトは環境構成をサポートしていないため、消費アプリケーション プロジェクトが構成をライブラリ プロジェクトに渡すことができる方法を探しています。ライブラリのモジュールにメソッドを実装することを提案する人を見てきましたが、Authentication モジュールのデコレータでforRootそれを使用する方法がわかりません。NgModule例えば：

ライブラリプロジェクトに構成を渡して、そのライブラリのサービスやコンポーネントなどに注入できる人々の例を見てきましたInjectorTokenが、渡されたものを使用する方法があるかどうかはわかりません。そのモジュールのデコレータのライブラリ モジュール。

これは可能ですか？

私のアプリの階層は次のとおりです。

1. アプリ(ルート)
   • モジュール (モジュール)
     • 主人
     • 詳細
       • ナビ
       • 作成/ホーム (コンポーネント)
       • フィールド (モジュール)
         • 詳細 (コンポーネント)
         • マスター (コンポーネント)

modules-routing.module.ts

modules-detail-routing.module.ts

fields-routing.module.ts

問題
/modules/testModuleName/fields にリダイレクトすると、modules-routing.module (testModuleName) で宣言されている module_name パラメータにアクセスしようとしています。ただし、フィールド モジュールにいると、ルート パラメータが空になります。create/home コンポーネントでは param を確認できますが、子モジュールでは確認できません。どんな助けでも大歓迎です！

私の Angular アーキテクチャは 3 つのモジュールで構成されています。

• AppModule(アプリのプレゼンテーションとロジックが存在する場所)
• CoreModule(API にアクセスするためのサービスが含まれています)
• SharedModule(私のモデル、パイプ、ディレクティブなどが含まれています...)

に新しいパイプを追加したいSharedModuleので、パイプを作成してから、のデコレータのdeclarationsおよびexportsフィールドに追加します。SharedModuleNgModule

次に、 にAppModuleをインポートSharedModuleし、パイプにアクセスできるようにします。しかし、そこには、私はできません。代わりに、次のエラーがあります。

キャッチされないエラー: テンプレート解析エラー: パイプ 'rankingposition' が見つかりませんでした

コードがあります：

ランキング位置.パイプ.ts

shared.module.ts

app.module.ts

編集：私のコンポーネントコードを追加してください：

ランキング.コンポーネント.ts

ランキング.component.html

私は何か見落としてますか？

Angular アプリケーションにインポートしたモジュールからコンポーネントを渡し、アプリにもインポートした別のモジュール内でそれを使用する方法を理解するのに問題があります。

これら 2 つのモジュールはすべて、私が作成したモジュールであることに注意してください。

それが私の app.module.ts です:

私がやりたいのは、たとえばBreadcrumbComponentから にLayoutModule呼び出されたコンポーネントを渡し、DispoModuleそのモジュール内でそれを使用できるようにすることです。

LayoutModule と DispoModule は、ng-packagr でパッケージ化され、アプリケーションにインポートされた、依存する角度モジュール プロジェクトであることに注意してください。

ありがとうございました。