Question

当尝试将Angular 2 Component Router（Angular 2 RC 4）与升级适配器一起使用时，我收到以下错误：

在注入Router之前引导至少一个组件。在 setupRouter

这是我的main.ts文件：

angular.module(moduleName).directive('odetteSecureApp', upgradeAdapter.downgradeNg2Component(OdetteSecureAppComponent));

upgradeAdapter.addProvider(APP_ROUTER_PROVIDERS);

upgradeAdapter.bootstrap(document.body, [moduleName]);

我谷歌问题并发现以下链接，但它们都对应于路由器已弃用的模块，因为Angular团队改变了自RC4以来路由器的工作方式：

https://github.com/angular/angular/issues/7147?_pjax=%23js-repo-pjax-container

有什么想法吗？

Answer 1

要使用RC3（3.0.0-alpha。*）路由器，您需要做的事情与先前版本中路由器的设置方式不同。

您需要像这样定义RouterConfig：

import {provideRouter, RouterConfig} from '@angular/router';

export const APP_ROUTES : RouterConfig = [
    {path: '', component: AppComponent},
    // more paths
];

export const APP_ROUTE_PROVIDERS = [
    provideRouter(APP_ROUTES)  
];

然后在你的main.ts

upgradeAdapter.addProvider(APP_ROUTER_PROVIDERS);

Answer 2

以下官方帖子解决：

https://github.com/angular/angular/issues/9870

使用组件路由器和升级适配器

2 个答案: