Hello,
I have the following in app.module.ts
i'm getting the following error.
webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] ../node_modules/angular2-jwt/angular2-jwt.ts:252:5
Type '{ provide: typeof AuthHttp; deps: (typeof RequestOptions | typeof Http)[]; useFactory: (http: Htt...' is not assignable to type 'Provider[]'.
Type '{ provide: typeof AuthHttp; deps: (typeof RequestOptions | typeof Http)[]; useFactory: (http: Htt...' is not assignable to type 'Provider'.
Object literal may only specify known properties, and 'provide' does not exist in type 'Provider'.
[default] ../node_modules/angular2-jwt/angular2-jwt.ts:263:7
Type '{ provide: typeof AuthHttp; deps: (typeof RequestOptions | typeof Http)[]; useFactory: (http: Htt...' is not assignable to type 'Provider[]'.
Type '{ provide: typeof AuthHttp; deps: (typeof RequestOptions | typeof Http)[]; useFactory: (http: Htt...' is not assignable to type 'Provider'.
Object literal may only specify known properties, and 'provide' does not exist in type 'Provider'.
import { NgModule, ApplicationRef } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, disableDeprecatedForms, provideForms } from '@angular/forms';
import {HttpModule, Http} from '@angular/http';
import { RouterModule } from '@angular/router';
import { removeNgStyles, createNewHosts } from '@angularclass/hmr';
/*
* Platform and Environment providers/directives/pipes
*/
import { ENV_PROVIDERS } from './environment';
import { ROUTES } from './app.routes';
// App is our top level component
import { App } from './app.component';
import { MdModule } from './md.module';
import { APP_RESOLVER_PROVIDERS } from './app.resolver';
import { AppState } from './app.service';
import { Home } from './home';
import { About } from './about';
import { NoContent } from './no-content';
import { Ng2AutoCompleteModule } from 'ng2-auto-complete';
import {LocationService} from "./providers/location.service";
import {TeamProvider} from "./teams/team.provider";
import {Config} from "./utils/config";
import {Signup} from "./signup/signup.page";
import { AuthHttp, AuthConfig, AUTH_PROVIDERS, provideAuth} from 'angular2-jwt';
// Import diretives
import { XLarge } from './home/x-large';
// import {ClipboardDirective} from 'angular2-clipboard';
import {ControlMessagesComponent} from "./components/control.messages";
import {ValidationService} from "./providers/validation.service";
import {UserProvider} from "./users/user.provider";
import {MomentModule} from "angular2-moment/index";
import {DetectTeam} from "./teams/detect.team";
import {RequestDetailComponent} from "./request/detail/request.detail.component";
import {HistoryRequestProvider} from "./request/feed.request.provider";
import {AuthService} from "./auth/auth.service";
import {AuthProvider} from "./auth/auth.provider";
// Application wide providers
const APP_PROVIDERS = [
...APP_RESOLVER_PROVIDERS,
AppState
];
/**
* `AppModule` is the main entry point into Angular2's bootstraping process
*/
@NgModule({
bootstrap: [ App ],
declarations: [
App,
// About,
DetectTeam,
Home,
NoContent,
// XLarge,
ControlMessagesComponent,
// ClipboardDirective,
Signup,
RequestDetailComponent,
],
imports: [ // import Angular's modules
BrowserModule,
FormsModule,
HttpModule,
RouterModule.forRoot(ROUTES, { useHash: true }),
MdModule.forRoot(),
Ng2AutoCompleteModule,
MomentModule,
],
providers: [ // expose our Services and Providers into Angular's dependency injection
ENV_PROVIDERS,
APP_PROVIDERS,
AuthHttp,
provideAuth({
headerName: 'Authorization',
headerPrefix: 'bearer',
tokenName: 'token',
tokenGetter: (() => localStorage.getItem('id_token')),
globalHeaders: [{ 'Content-Type': 'application/json' }],
noJwtError: true
}),
disableDeprecatedForms(),
provideForms(),
ValidationService,
AuthService,
AuthProvider,
LocationService,
TeamProvider,
UserProvider,
HistoryRequestProvider,
Config,
]
})
export class AppModule {
constructor(public appRef: ApplicationRef, public appState: AppState) {}
hmrOnInit(store) {
if (!store || !store.state) return;
console.log('HMR store', store);
this.appState._state = store.state;
this.appRef.tick();
delete store.state;
}
hmrOnDestroy(store) {
var cmpLocation = this.appRef.components.map(cmp => cmp.location.nativeElement);
// recreate elements
var state = this.appState._state;
store.state = state;
store.disposeOldHosts = createNewHosts(cmpLocation)
// remove styles
removeNgStyles();
}
hmrAfterDestroy(store) {
// display new elements
store.disposeOldHosts()
delete store.disposeOldHosts;
}
}
Hello,
I have the following in
app.module.tsi'm getting the following error.