Question

我正在尝试使用Angular2路由器重现我的问题，但我无法在Plunker中创建项目的工作副本。

我在index.html文件中使用了以下代码行，使路径路径与Plunker的运行环境以及''默认路径一起使用。

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

为什么我还在get这个错误？

Answer 1

你的plnkr中有一个小错字：

loadChildren：＆＃39; app / 拳头 -section.module＃FirstSectionModule＆＃39; }

可能优先;）
还有另一个问题：即使是孩子也需要一个空的'' - 路径。所以不要写

children: [ { path: 'first-section', loadChildren: 'app/first-section.module#FirstSectionModule' } ] 你应该添加一个空路径并重定向到first-section - 路径，如下所示：

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

这是更正的plnkr：

更新Angular 2.4.1：

我注意到使用最新版本的angular（2.4.1）时，不再需要为子路径使用空路径。

我使用最新的角度2.4.1版本更新了plunker：PLUNKER。该示例现在没有空路径运行。