Angular: Angular5.x lazyLoadの問題、未定義は関数ではありません

https://github.com/angular/angular-cli/issues/9825

角度/角度の重複-cli＃9825

ngserve--aotの問題を修正しました

私と同じようにGoogle経由でこの問題を見つけた他の人のために：モジュールを遅延ロードしようとしたときに同じ問題が発生しましたが、他の回答は役に立ちませんでした。 遅延読み込みモジュールを誤ってapp-moduleにインポートしたことに気付きました。

NgModule({
  ....
  imports: [
    .....
    MyCustomModule,    //<--- This needs to be removed if you lazy load!
    AppRoutingModule,
  ],
  bootstrap: [AppComponent],

})

それが誰かを助けることを願っています...

@ThomasEgどうもありがとう、これは本当に私のベーコンを救った！ ドキュメントはこれについて「注意を向ける」必要があり、これについて非常に明確にする必要があるようです。 男...とても多くの時間を過ごしました。

@ThomasEgソリューションは私にとって完璧に機能しました、ありがとう！

@ThomasEgあなたはすぐに私のさらに3-4時間を節約しました。 ありがとう。

@ThomasEg完璧なソリューション。 どうもありがとう！

thnxs ..私はこれで問題を抱えていました

ありがとう

通常、遅延ロードされたAngularモジュールが生成されたときにAppModuleのimportsオプションに追加されたのはAngularCLIです。

こんにちは私は遅延読み込みの問題を解決しました、そしてそれはエラーなしでうまく動作するように見えます
遅延ロードされた子ごとに、canLoad returntrueを使用してダミーガードを追加します

{パス： 'pet-insurance'、canLoad：[PetGuard]、loadChildren： './_ modules / Insurance / Pet-Insurance / pet-insurance.module＃PetInsuranceModule'}、

import {Injectable} from '@ angle / core';
import {Router、CanLoad、Route} from '@ angle / router';

@Injectable（{
提供： 'ルート'
}）
エクスポートクラスPetGuardはCanLoadを実装します{

constructor(private router: Router) { }

// checks if we can load the route concerning LifeInsurance
canLoad(route: Route): boolean {
    return this.petInsurance(route.path);
}

petInsurance(url: string): boolean {
    return true;
}

}

ゴードンカミングから
[email protected]

私と同じようにGoogle経由でこの問題を見つけた他の人のために：モジュールを遅延ロードしようとしたときに同じ問題が発生しましたが、他の回答は役に立ちませんでした。 遅延読み込みモジュールを誤ってapp-moduleにインポートしたことに気付きました。

NgModule({
  ....
  imports: [
    .....
    MyCustomModule,    //<--- This needs to be removed if you lazy load!
    AppRoutingModule,
  ],
  bootstrap: [AppComponent],

})

それが誰かを助けることを願っています...

ありがとう！ これは、ルートだけでなく子モジュールにも適用されることに注意してください。 経験則では、モジュールのロードを遅らせる場合は、どのモジュールにも含めないでください。 親モジュールに子モジュールを追加することに慣れている場合、または過去に遅延読み込みモジュールを使用したことがない場合、これを破るのは難しい習慣になる可能性があります。

@ThomasEgありがとうございます!!!

私の場合、ngserve--aotでも動作します。 次の説明は、-aotフラグを使用しないことについてです。
遅延読み込みされたモジュールがアプリモジュールにインポートされていないことを確認するためにクロスチェックしました。 私が気付いたのは、遅延読み込みモジュールで宣言されたパスを直接使用すると（アプリルーティングモジュールで宣言されたコンテキストなしで）ページが読み込まれることです。 エラーは、フルパスを入力しようとしたときにのみ発生します。もちろん、それは私が必要としていることではありません。

@ThomasEg素晴らしい！ ありがとう

@ThomasEg動作します。 ありがとう！！！

@ThomasEgどうもありがとう、あなたは私の日を救った。

'app-fixed-topbar'がWebコンポーネントの場合、このメッセージを抑制するために、このコンポーネントの '@ NgModule.schemas'に 'CUSTOM_ELEMENTS_SCHEMA'を追加します。
モジュールにCUSTOM_ELEMENTS_SCHEMAを含めると仮定します。エラーは解決されましたが、
app-fixed-topbar私のページに表示されません

この問題は、非アクティブのために自動的にロックされています。
同様の問題または関連する問題が発生した場合は、新しい問題を提出してください。

自動会話ロックポリシーの詳細をご覧ください。

_{_このアクションはボットによって自動的に実行されました。_}