Is ui-router AoT compatible? about angular

[aitboudad]

@miton18 try with

export function localDashboardResolvable(trans, dStore) {

[christopherthielen]

AoT compatible in beta.4 release

[miton18]

Thx @aitboudad it works...... Why ?

[christopherthielen]

No, not today. I hope to be AoT ready by 1.0 final.

[christopherthielen]

From @kolkov on September 23, 2016 6:39

OK, thanks!

[christopherthielen]

From @tonimoeckel on December 11, 2016 22:32

Are there any updates on this? The angular-cli version beta.22 forces us to use AOT compatible libs. So this issue is more important for many developers.

[christopherthielen]

From @kolkov on December 12, 2016 2:46

I think beta.4 that will compatible.

[christopherthielen]

From @aitboudad on December 12, 2016 11:55

see #13

[miton18]

I'm on "ui-router-ng2": "^1.0.0-beta.4"
and "@angular/cli": "1.0.0-rc.2",
not working yet

ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a referen
ce to an exported function (position 22:35 in the original .ts file), resolving symbol States in SOMETHING/src/app/router-states.ts, re
solving symbol AppModule in SOMETHING/src/app/app.module.ts, resolving symbol AppModule in SOMETHING/src/app/app.modu
le.ts, resolving symbol AppModule in SOMETHING/src/app/app.module.ts

[marshall007]

@miton18 it sounds like you're using an anonymous resolve function in one or more of your states. Try exporting those as named functions and referencing them as such in router-states.ts.

[Andras-Csanyi]

@miton18 Check the sample app here, you can find example how to deal with the error you get.

[miton18]

My State :

{
    name: 'localDashboard',
    url: '/:dashboardName/:dashboardVersion',
    component: ViewDashboardComponent,
    resolve: [
      new Resolvable('dashboard', (trans, dStore) => {
        return new Promise((resolve, reject) => {
          let p = trans.params();
          console.log('Search ', p.dashboardName, p.dashboardVersion);
          let d = dStore.search(decodeURIComponent(p.dashboardName), parseInt(p.dashboardVersion, 10));
          if (!d) {
            reject();
          }
          resolve(d.content);
        });
      }, [Transition, LocalDashboardStorageService])
    ]
  }

No anonymous function but an anonymous Resolvable, what's wrong with that ?

[Andras-Csanyi]

@miton18 Honestly, I don't know. I know very little about AoT stuff. I assume anonymity is not favorable.

[miton18]

I tried with exported resolver functions

export const localDashboardResolvable = (trans, dStore) => {
...
name: 'localDashboard',
    url: '/dashboard/local/:dashboardName/:dashboardVersion',
    component: ViewDashboardComponent,
    resolve: [
      { token: 'dashboard', 
        deps: [Transition, LocalDashboardStorageService], 
        resolveFn: localDashboardResolvable 
      }
    ]

same error:

ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to
 an exported function (position 31:39 in the original .ts file), resolving symbol urlDashboardResolvable in PATH/router-states.
ts, resolving symbol States in PATH/src/app/router-states.ts, resolving symbol AppModule in PATH/src/app/app.mod
ule.ts, resolving symbol AppModule in PATH/src/app/app.module.ts, resolving symbol AppModule in PATH/src/app/app
.module.ts

[aitboudad]

lambda can't be statically analyzed, for more details check:

• https://gist.github.com/chuckjaz/65dcc2fd5f4f5463e492ed0cb93bca60
• https://github.com/rangle/angular-2-aot-sandbox#current-status