Question

我正在使用Gulp通过从路由模块导入路由数组来为Angular项目生成站点地图。这是Route对象的一个例子：

{
 path: 'about', 
 component: AboutUsComponent,
 pathMatch: 'full',
 resolve: [DataResolverService]
}

我需要的唯一成员是路径，总是一个字符串。问题是我遇到了诸如此类的错误 ReferenceError: Event is not defined或 reflect-metadata shim is required when using class decorators因为我的gulpfile正在尝试实例化组件类和我的路由保护服务类。有什么方法可以阻止这种情况吗？

如果我可以检查canActivate数组中LoginPageGuardService的实例，请参考以下路由，例如：

{
  path: 'customer-portal/login',
  loadChildren: './login/login.module#LoginModule',
  canActivate: [LocationGuardService, LoginPageGuardService],
  resolve: [DataResolverService]
}

到目前为止我尝试过：

for(let route of websiteRoutes) {
    urls.push({url: `/${route.path}/`});
}

和

for(let i=0; i<websiteRoutes.length; i++) {
    urls.push({url: `/${websiteRoutes[i].path}/`});
}

导入路由数组不会导致问题，但只要我有一个for循环索引数组，Gulp就会出错。

更新我目前正在导出/导入这样的路线：

export const websiteRoutes: Routes = [...];

import { websiteRoutes } from './path/to/other/file';

Typescript和Gulp：循环遍历Angular路由数组

0 个答案: