Object literal may only specify known properties, and 'configClass' does not exist in type 'RootModule'. about quickstart-ng2

[Asone]

found this in the changelog.md of ui-router-ng2 :

BREAKING CHANGE: You no longer configure a module using an Injectable UIRouterConfig class. Now you use a function that receives the UIRouter and the Injector

In 1.0.0-beta.3 you might have a config class like this:

export class MyUIRouterConfig {
  constructor(@Inject(UIRouter) router: UIRouter, @Inject(SomeService) myService: SomeService) {
    // do something with router and injected service
  }
}

which was wired into the root module like this:
```js
@NgModule({
  imports: [
    UIRouterModule.forRoot({ configClass: MyUIRouterConfig })
  ]
})
export class AppModule {}

In 1.0.0-beta.4 you should switch to a simple function.
The function receives the router: UIRouter and injector: Injector

export function configureModule(router: UIRouter, injector: Injector) {
  // do something with router
  router.urlService.rules.type('slug', slugParamType);
  // inject other services
  const myService: SomeService = injector.get(SomeService);
  // do something injected service
  myService.init();
}

which is now wired using config: configureModule instead of configClass: ...

@NgModule({
  imports: [
    UIRouterModule.forRoot({ configClass: MyUIRouterConfig })
  ]
})
export class AppModule {}

[liangtongxie]

+1

[Asone]

+1

[Asone]

you can still make the quickstart work changing ui-router version to 1.0.0-beta3.

Go to your package.json and replace :

"ui-router-ng2": "^1.0.0-beta.3"

with

"ui-router-ng2": "1.0.0-beta.3"

Then run npm install to update the version. It should work

[christopherthielen]

Yep, the configClass wasn't working nicely with angular DI. Instead, just pass a function as config: configFn which will receive the UIRouter instance.