将组件路由器与升级适配器配合使用

Use Component Router with Upgrade Adapter

本文关键字：适配器 组件 路由器      更新时间：2023-09-26
尝试将Angular 2组件

路由器（Angular 2 RC 4）与升级适配器一起使用时，出现以下错误：

在注入路由器之前引导至少一个组件。 设置路由器

这是我的主.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

有什么想法吗？

要使用 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)  
];

然后在您的主目录中

upgradeAdapter.addProvider(APP_ROUTER_PROVIDERS);

由以下官方帖子解决：

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

相关文章：