装饰器不支持 AppRoutingModule 函数调用的模板编译期间出错，但调用了 RouterdataUrl

Question

我正在构建我的 angular 7 项目的生产版本在这里遇到这个错误是我的 APP-Routing.Module.ts 代码，它包含常见的路由值

这是错误消息：-ERROR in src\app\app-routing.module.ts(19,30)：'AppRoutingModule' 的模板编译期间出错装饰器不支持函数调用，但调用了 'RouterdataUrl'。

    var con: RouterdataUrl = new RouterdataUrl();
    const routes: Routes = con.routerdata();

    @NgModule({
      imports: [RouterModule.forRoot(routes)],
      exports: [RouterModule]
    })
    export class AppRoutingModule { }

    export const routingComponents = [LeftmenuComponent, DasboardComponent, HeardermenuComponent, UserdiplayComponent,
      AdsServiceComponent, UsertaskdisplayComponent, WithdrwalComponent, AllplanComponent, DaywisereportComponent]


    function routerdata() {
      const Routes = [
        { path: 'leftmenu', component: LeftmenuComponent },
        { path: 'dasboard', component: DasboardComponent },
        { path: 'heardermenu', component: HeardermenuComponent }
      ];
      return Routes;
    }

 And here is  APP MODULE CODE 

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre><code>    //IMPORT....
    @NgModule({
      declarations: [
        AppComponent,
        routingComponents,
        WithdrwalComponent,
        UsertaskdisplayComponent,
        AllplanComponent,
        UsersqueryComponent,
        DaywisereportComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule, 
        BrowserAnimationsModule,
        ToastrModule.forRoot(),
        NgxLoadingModule.forRoot({}),
        AppRoutingModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

Answer 1

在生产环境中构建 Angular 应用程序时，默认情况下将使用 AOT 编译进行构建。在此阶段，angular 编译器获取组件元数据并预编译组件工厂。 angular 编译器只能处理 javascript 的一个子集，请参阅更多信息 here。

简而言之：问题是您无法使用 new。我建议使用工厂方法（或 macro，如 angular 指南所称）。如果这不可能，那么您必须重新考虑您的代码，或者考虑 JIT 编译。

装饰器不支持 AppRoutingModule 函数调用的模板编译期间出错，但调用了 RouterdataUrl

Error during template compile of AppRoutingModule Function calls are not supported in decorators but RouterdataUrl was called

angular-routing

angular