Quickstart Auth0 mit Ionic2

Question

Ich bin neu mit ionic2 (und angular2) und ich versuche, auth0 in meiner ersten App zu implementieren. Also ich folgte diesem: https://auth0.com/docs/quickstart/hybrid/ionic2/no-api

Ich begann mit "Get started" auf ionic2 Website und alles funktioniert perfekt. Dann folgte ich alle Schritte in auth0 quickstart aber wenn ich "ionische dienen" bekomme ich diesen Fehler:

0  883034 error Uncaught Invalid provider - only instances of Provider and Type are allowed, got: [object Object], http://localhost:8100/build/js/app.bundle.js, Line: 24470 

Ich denke, das Problem in app.ts ist, in @App Anbieter:

import {App, Platform} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 
import {TabsPage} from './pages/tabs/tabs'; 
import {provide} from 'angular2/core'; 
import {Http} from 'angular2/http' 
import {AuthHttp, AuthConfig} from 'angular2-jwt'; 
import {AuthService} from './services/auth/auth'; 
import {Type} from 'angular2/core'; 


@App({ 
    template: '<ion-nav [root]="rootPage"></ion-nav>', 
    config: {}, 
    providers: [ 
     provide(AuthHttp, { 
      useFactory: (http) => { 
       return new AuthHttp(new AuthConfig(), http); 
      }, 
      deps: [Http] 
     }), 
     AuthService 
    ], 
}) 
export class MyApp { 
rootPage: any = TabsPage; 

constructor(platform: Platform) { 
    platform.ready().then(() => { 
     StatusBar.styleDefault(); 
     // When the app starts up, there might be a valid 
     // token in local storage. If there is, we should 
     // schedule an initial token refresh for when the 
     // token expires 
     this.auth.startupTokenRefresh(); 

    }); 
} 

}

Thx, um mir zu helfen!

Answer 1

Überprüfen Sie Ihre package.json, ich habe diesen Fehler, wenn ich gelöscht:

"angular2": "2.0.0-beta.15",

in den Dateiabhängigkeiten. Hoffe, es hilft, aber es könnte etwas anderes sein.

Answer 2

Sie verwenden den @App Decorator. Das bedeutet, dass Sie eine alte Beta von Ionic verwenden 2. Bitte aktualisieren Sie auf die neueste Version und Bootstrap es die „neue“ Art und Weise:

ionicBootstrap(MyApp, [ 
    provide(AuthHttp, { 
    useFactory: (http) => { 
     return new AuthHttp(new AuthConfig({noJwtError: true}), http); 
    }, 
    deps: [Http] 
    })], 
    { 
    tabbarPlacement: 'bottom' 
    } 
); 

Es sollte auf diese Weise arbeiten!