属性 'ngRedux' 在类型 'AppModule' 上不存在。?
Property 'ngRedux' does not exist on type 'AppModule'.?
我一直在努力在angular6中实现redux,它几乎完成应用程序工作正常,但它在节点cli中抛出错误属性 'ngRedux'没有存在于类型 'AppModule'.?
When i add NgRedux in App.module.ts imports, and exports, It throws an error and application
stopped working.
有没有解决办法?
My app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NgRedux, NgReduxModule } from '@angular-redux/store';
import { AppComponent } from './app.component';
import { MatButtonModule } from '@angular/material/button';
import { HomeComponent } from './home/home.component';
import { ProfileComponent } from './profile/profile.component';
import { MatInputModule } from '@angular/material/input';
import { MatCardModule } from '@angular/material/card';
import { MatBadgeModule } from '@angular/material/badge';
import { createLogger } from 'redux-logger';
import { IAppState, rootReducer, INITIAL_STATE } from './reducers/rootReducers';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
ProfileComponent
],
imports: [
BrowserModule,
FormsModule,
NgReduxModule,
MatButtonModule,
MatInputModule,
MatCardModule,
MatBadgeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(ngRedux: NgRedux<IAppState>) {
// ngRedux.configureStore(rootReducer, INITIAL_STATE);
this.ngRedux = ngRedux;
ngRedux.configureStore(rootReducer, INITIAL_STATE, [ createLogger() ]);
console.log(this.ngRedux.getState());
}
}
问题出在您使用 this.ngRedux
时,因为 ngRedux 未声明为 class AppModule 的变量。删除 this
或声明为 class 变量,如:
export class AppModule {
ngRedux : NgRedux;
constructor(ngRedux: NgRedux<IAppState>) {
// ngRedux.configureStore(rootReducer, INITIAL_STATE);
this.ngRedux = ngRedux;
ngRedux.configureStore(rootReducer, INITIAL_STATE, [ createLogger() ]);
console.log(this.ngRedux.getState());
}
}
我一直在努力在angular6中实现redux,它几乎完成应用程序工作正常,但它在节点cli中抛出错误属性 'ngRedux'没有存在于类型 'AppModule'.?
When i add NgRedux in App.module.ts imports, and exports, It throws an error and application stopped working.
有没有解决办法?
My app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { NgRedux, NgReduxModule } from '@angular-redux/store';
import { AppComponent } from './app.component';
import { MatButtonModule } from '@angular/material/button';
import { HomeComponent } from './home/home.component';
import { ProfileComponent } from './profile/profile.component';
import { MatInputModule } from '@angular/material/input';
import { MatCardModule } from '@angular/material/card';
import { MatBadgeModule } from '@angular/material/badge';
import { createLogger } from 'redux-logger';
import { IAppState, rootReducer, INITIAL_STATE } from './reducers/rootReducers';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
ProfileComponent
],
imports: [
BrowserModule,
FormsModule,
NgReduxModule,
MatButtonModule,
MatInputModule,
MatCardModule,
MatBadgeModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(ngRedux: NgRedux<IAppState>) {
// ngRedux.configureStore(rootReducer, INITIAL_STATE);
this.ngRedux = ngRedux;
ngRedux.configureStore(rootReducer, INITIAL_STATE, [ createLogger() ]);
console.log(this.ngRedux.getState());
}
}
问题出在您使用 this.ngRedux
时,因为 ngRedux 未声明为 class AppModule 的变量。删除 this
或声明为 class 变量,如:
export class AppModule {
ngRedux : NgRedux;
constructor(ngRedux: NgRedux<IAppState>) {
// ngRedux.configureStore(rootReducer, INITIAL_STATE);
this.ngRedux = ngRedux;
ngRedux.configureStore(rootReducer, INITIAL_STATE, [ createLogger() ]);
console.log(this.ngRedux.getState());
}
}