問題タブ [angular2-modules]

私は Angular 2 の初心者で、ルーティング部分について助けが必要です。http://jasonwatmore.com/post/2016/09/29/angular-2-user-registration-and-login-example-tutorialを使用しています

エラーが発生しました

エクスポートされた変数「ルーティング」は、外部モジュール「/home/frank/angular/node_modules/@angular/core/src/metadata/ng_module」からの名前「ModuleWithProviders」を持っているか、使用していますが、名前を付けることができません。

これが私のコードです

エラーに関するアイデアはありますか？また、「@angular/core」から seimport { ModuleWithProviders } を試してみました。tsconfig.js で「宣言」を true に設定し、インポートも行いました。

アプリ モジュールと単一コンポーネント アプリケーション (私の問題を示すために作成) があり、次のエラーが発生します。

AppModule のコード:

私の AppComponent のコード:

私の UserService コード:

UserService をプロバイダーとして AppComponent に追加すると、問題が解決します。しかし、アプリケーション全体でサービスのインスタンスが1つだけ必要なため、したくありません。サブモジュール（機能モジュール）でも。

私の理解によると、モジュールレベルでプロバイダーとしてサービスを追加すると、モジュールの下の任意のコンポーネントにそれを注入できます。

ここに私が見ていた例があります。

プランカー

angular2バージョンを使用しています：「2.0.0」

Angular2 で認証を行う Web サイトの場合、メイン アプリ コンポーネントで認証サブモジュールのコンポーネントを使用したいと考えています。ただし、次のエラーが発生し続けます。

app/app.component.ts(3,10): error TS2305: Module '"<dir>/app/auth/auth.module"' has no exported member 'SigninComponent'.

SigninComponent をエクスポートした後でも。

プロジェクトのフォルダ構造は次のとおりです。

アプリ/auth/auth.module.ts:

アプリ/認証/コンポーネント/signin.component.ts:

app/app.component.ts:

app/app.module.ts:

今日、アプリケーションを遅延読み込みに切り替えました。
一連のサービスをSharedModuleエクスポートする があります。私のでは、いくつかの共有サービスにアクセスする必要があるためAppModule、インポートします。SharedModuleAppComponent

別のモジュールFinalReturnModuleでは、インポートしSharedModuleます。私のサービスの 1 つでconsole.log('hi')、コンストラクターに a を入れました。

アプリが最初に読み込まhiれると、コンソールが表示されます。内のページに移動するたびに、再びFinalReturnModule取得hiします。明らかに、2 つのインスタンスがあるため、モジュールが通信できないため、何も正しく機能していません。

サービスが 2 回インスタンス化されないようにするにはどうすればよいですか?

編集: 背景、アプリは angular-cli を使用して構築されています。

現在のバージョン:

したがって、アプリをブートストラップするためのこのようなコードがあります。

BrowserModuleをインポートします。しかし、BrowserModule とは何ですか? APIリファレンスはあまり説明していません。何のために使うのでしょう。また、 BrowserModule を除いて、どのモジュールをさらに使用できますか? angular2 をより深いレベルで理解したい。だからこそ、それらの質問をするのです。

私の構造は次のとおりです。

My App モジュールには、コンポーネント 1 およびコンポーネント 11 モジュールが含まれています。他のすべてのコンポーネントで使用できるように、アプリ モジュールでグローバル コンポーネントを宣言しました。アプリモジュールにもエクスポートしました。

しかし、コンポーネント 11 テンプレートでセレクターを使用すると、コンソールにnot a known element.

他のコンポーネントにインポートしようとしましたが、既にインポートされており、上位のモジュールにインポートする必要があると表示されます。

子テンプレートで使用できるようにコンポーネントを宣言する方法を教えてください。