5

Angular2 ルーターで問題を再現しようとしていますが、Plunker でプロジェクトの作業コピーを作成できません。

これが私の試みです: https://plnkr.co/edit/1lpoYP4qlBZLuqZHW7Ft

ファイルで次のコード行を使用してindex.html、Plunker の実行環境と''デフォルト パスで動作するルート パスを作成しました。

<script>document.write('<base href="' + document.location + '" />');</script>

なぜまだこのエラーが発生するのですか?

4

1 に答える 1

10

  1. plnkr に小さなタイプミスがあります:

    loadChildren: 'app/ fist -section.module#FirstSectionModule' }

    最初かもしれません;）

  2. まだ別の問題があります: 子供でさえ空の''-path が必要です。だから書く代わりに

children: [ { path: 'first-section', loadChildren: 'app/first-section.module#FirstSectionModule' } ] 空のパスを追加して、次のfirst-sectionように -pathにリダイレクトする必要があります。

children: [
    { path: '', redirectTo: 'first-section'},
    { path: 'first-section', loadChildren: 'app/fist-section.module#FirstSectionModule' }
]

修正されたplnkrは次のとおりです。

https://plnkr.co/edit/9fMwx0?p=preview

Angular 2.4.1 を更新します。

angular (2.4.1) の最新バージョンでは、子ルートに空のパスを使用する必要がなくなったことに気付きました。

plunker を最新の angular 2.4.1 バージョンである PLUNKER に更新しました。サンプルは現在、空のパスなしで実行されています。

于 2016-10-19T14:22:39.250 に答える