我正在使用primeng-extensions-wizard进行表单填充步骤,链接在此处-https://github.com/ova2/angular-development-with-primeng/tree/master/chapter9/primeng-extensions-wizard。我已经在app.module.ts和shared.module.ts中导入了此模块,但出现此错误。我检查了该向导的文件夹,以便它存在于ngmodules中,但我不知道为什么会出现此错误。我按照说明导入了所有内容。
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { APP_BASE_HREF } from '@angular/common';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HomeModule } from './home/home.module';
import { ServicesModule } from './services/services.module';
import { TestimonialModule } from './testimonial/testimonial.module';
import { FormModule } from './form/form.module';
import { SharedModule } from './shared/shared.module';
import { FormsModule } from '@angular/forms';
import { CardModule } from 'primeng/card';
import {DataListModule} from 'primeng/datalist';
import { RegistrationFormModule } from './Registration/registrationform.module';
import {SidebarModule} from 'primeng/sidebar';
import {CalendarModule} from 'primeng/calendar';
import { LoginFormModule } from './authentication/loginform.module';
import {AutoCompleteModule} from 'primeng/autocomplete';
import {ReactiveFormsModule} from '@angular/forms';
import { DatePipe } from '@angular/common';
import {StepsModule} from 'primeng/steps';
import { WizardModule } from 'primeng-extensions-wizard/components/wizard.module';
@NgModule({
imports: [CommonModule,BrowserModule, WizardModule, BrowserAnimationsModule,StepsModule,FormsModule, ReactiveFormsModule, HttpClientModule, AutoCompleteModule , AppRoutingModule, HomeModule, ServicesModule, CardModule,
TestimonialModule,FormModule,LoginFormModule,RegistrationFormModule,DataListModule,SidebarModule,CalendarModule,FormsModule, SharedModule.forRoot()],
declarations: [AppComponent],
providers: [{
provide: APP_BASE_HREF,
useValue: '<%= APP_BASE %>'
},DatePipe],
bootstrap: [AppComponent]
})
export class AppModule { }
shared.module.ts
import { NgModule, ModuleWithProviders } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { ToolbarComponent } from './toolbar/toolbar.component';
import { NavbarComponent } from './navbar/navbar.component';
import { ButtonModule, MessageModule } from 'primeng/primeng';
import { MenuModule } from 'primeng/menu';
import { ScrollPanelModule } from 'primeng/primeng';
import { CardModule } from 'primeng/card';
import { PersonListService } from '../form/person-list.service';
import { CountryService } from '../form/country-list.service';
import { TabViewModule } from 'primeng/tabview';
import { DataListModule } from 'primeng/datalist';
import { SidebarModule } from 'primeng/sidebar';
import { SlideMenuModule } from 'primeng/slidemenu';
import { CalendarModule } from 'primeng/calendar';
import { RadioButtonModule } from 'primeng/radiobutton';
import { TableModule } from 'primeng/table';
import { PanelModule } from 'primeng/panel';
import { PasswordModule } from 'primeng/password';
import { CheckboxModule } from 'primeng/checkbox';
import { SliderModule } from 'primeng/slider';
import { InputMaskModule } from 'primeng/inputmask';
import { InputTextareaModule } from 'primeng/inputtextarea';
import { ChipsModule } from 'primeng/chips';
import { CodeHighlighterModule } from 'primeng/codehighlighter';
import { StepsModule } from 'primeng/steps';
import { AutoCompleteModule } from 'primeng/autocomplete';
import { StateService } from '../form/state-list.service';
import { CityService } from '../form/city-list.service';
import { ReactiveFormsModule } from '@angular/forms';
import { FormModule } from '../form/form.module';
import { GrowlModule } from 'primeng/primeng';
import {MenuItem} from 'primeng/api';
import { MessageService } from 'primeng/components/common/messageservice';
import { WizardModule } from 'primeng-extensions-wizard/components/wizard.module';
@NgModule({
imports: [CommonModule ,WizardModule, RouterModule , ButtonModule , GrowlModule , MessageModule ,
ReactiveFormsModule , FormModule , CodeHighlighterModule , AutoCompleteModule , StepsModule ,
SliderModule , ChipsModule , InputTextareaModule , InputMaskModule , PasswordModule , CheckboxModule ,
RadioButtonModule , MenuModule , PanelModule , TableModule , ScrollPanelModule , CalendarModule , CardModule ,
TabViewModule , DataListModule , SidebarModule , SlideMenuModule],
declarations: [ToolbarComponent , NavbarComponent],
exports: [ToolbarComponent , NavbarComponent ,
CommonModule , FormsModule , RouterModule , CalendarModule , ScrollPanelModule , CardModule,WizardModule]
})
export class SharedModule {
static forRoot(): ModuleWithProviders {
return {
ngModule: SharedModule,
providers: [PersonListService , CountryService , StateService , CityService , MessageService]
};
}
}
错误-