Question

我认为,我完全可以理解Angular 2 路线。我在我看来是这样:

const routes: Routes = [
    {
        path:  login ,
        component: LoginViewComponent
    },
    {
        path:  main ,
        component: MainComponent,
        children:
        [
            {
                path:  unit_list ,
                component: ListViewComponent
            },
            {
                path:  unit_info ,
                component: UnitInfoComponent,
                children:
                [
                    {
                        path:  patient ,
                        component: PatientDetailsComponent
                    }
                ]
            }
        ]
    },
    {
        path:   ,
        redirectTo:  main ,
        pathMatch:  full 
    }
];

这里,我的看法是:

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        MainModule,
        routing
    ],
    declarations: [
        AppComponent,
        LoginViewComponent
    ],
    bootstrap: [AppComponent]
})

而主。模块

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        RouterModule
    ],
    declarations: [
        ListViewComponent,
        MainComponent,
        PatientDetailsComponent,
        UnitInfoComponent,
    ]
})

问题在于我无法驾车。 navigateBy 乌尔都语工作。

我有ng OnInit(Init)在病人不满时接受检查,如果是这样的话,我就称“这”“是......”/main/unit_info”,但那给我留下了标题中的错误:“没有启动已经启动的撤离”。该公司在Angular 2.1.1,但当我升至2.4。十似乎没有解决我的问题。我也不清楚这一轮.是否正确,因为我略感损失。

这就是我在升级至2.4.X之前如何看待整个行程:。

Answer 1

这一错误可以是nasty re herring!。

您可以在 Chrome的 con中看到这样的情况:

 core.js:1440 ERROR Error: Uncaught (in promise): Error: Cannot
 activate an already activated outlet Error: Cannot activate an already
 activated outlet
     at RouterOutlet.activateWith (router.js:6676)
     at ActivateRoutes.activateRoutes (router.js:5765)
     at eval (router.js:5705)
     at Array.forEach (<anonymous>)
     at ActivateRoutes.activateChildRoutes (router.js:5704)

你检查了你的路线和供应商以及html,并发现了任何错误。

那么,如果你回头 ,你就会走到这里!

并且,你将跳上ole窗。你们将看到把屏幕上推倒的真正错误:

core.js:1440 ERROR Error: Uncaught (in promise): TypeError: Cannot read property  foo  of null
TypeError: Cannot read property  foo  of null

然后看看与贵部分相对应的卷宗,点击,然后按实际错误看看看看你。

换言之,路由人不能在你构造期间出现错误。 <代码>ngInit方法可能具有不同的结果――尚未经过测试。在这两种情况下,行踪只是罚款:-

Answer 2

如果您真的打算使用<代码>纳克-集装箱<>代码/代码>,则确保您不再在模板中使用<代码>纳克-克-集装箱>。

I m not sure if this exact error message can be triggered by doing so, but this can result in multiple instances of your component being created and other bizarre behavior.

Answer 3

在Simon_Weaver的回答中,这是我如何诊断出这名被恰当地称为红色的ring子,并更详细地说明错误和固定之处:

In angular.json, change build -> options -> optimizations to false. You might need to increase allowed package size under budgets. Be mindful that the optimizations option will likely exist in a couple places - choose the right one for how you re compiling (e.g. dev, prod.)

由于残疾的优化,你从安热中获得了更多详情,了解你在幕后法典中发生的情况。

Answer 4

请看

I think you should use RouterModule.forChild(routes) and add the lines below in one of your @NgModule

exports: [
  RouterModule
]

友情链接