无法将'ngIf'绑定到'div'，因为它不是'div'的已知属性 - ionic/angular错误

最近几天我一直遇到这个错误。我已经阅读了其他帖子中关于相同错误的内容，并尝试了它们建议的方法，如在当前页面和app.module中添加CommonModule。我还尝试使用ng serve重置了服务器。

还有其他原因导致这个问题吗？我在应用程序的另一部分使用了几乎相同的代码，它可以正常工作。

edit-page.module.ts:

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { IonicModule } from '@ionic/angular';
    import { EditPagePageRoutingModule } from './edit-page-routing.module';
    import { BrowserModule } from '@angular/platform-browser';
    import { EditPagePage } from './edit-page.page';
    import { SharedModule } from 'src/app/shared/shared.module';
    import { AppComponent } from 'src/app/app.component';
    @NgModule({
      imports: [
        CommonModule,
        ReactiveFormsModule,
        FormsModule,
        IonicModule,
        BrowserModule,
        EditPagePageRoutingModule
      ],
      declarations: [EditPagePage]
    })
    export class EditPagePageModule {}

edit-page.page.ts:

@Component({
  selector: 'app-edit-page',
  templateUrl: './edit-page.page.html',
  styleUrls: ['./edit-page.page.scss'],
})
export class EditPagePage implements OnInit, OnDestroy {
  artist: Artist;
  artistId: string;
  arForm: FormGroup;
  isLoading = false;
  steps: any = 1;
  private artistSub: Subscription;
  constructor(
    private route: ActivatedRoute,
    private artistService: ArtistService,
    private navCtrl: NavController,
    private router: Router,
    private loadingCtrl: LoadingController,
    private alertCtrl: AlertController
  ) {}
  get genreControls() {
    return (this.arForm.get('genre')).controls;
  }
  get equipmentControls() {
    return (this.arForm.get('equipment')).controls;
  }
  ngOnInit() {
    this.route.paramMap.subscribe(paramMap => {
      if (!paramMap.has('artistId')) {
        this.navCtrl.navigateBack('/tabs/tab4');
        return;
      }
      this.artistId = paramMap.get('artistId');
      this.isLoading = true;
      this.artistSub = this.artistService
        .getArtist(paramMap.get('artistId'))
        .subscribe(
          artist => {
            this.artist = artist;
            this.arForm = new FormGroup({
              name: new FormControl(this.artist.name, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              type: new FormControl(this.artist.type, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              cost: new FormControl(this.artist.cost, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              equipment: new FormArray([]),
              band: new FormControl(this.artist.band, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              availableFrom: new FormControl(this.artist.availableFrom, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              availableTo: new FormControl(this.artist.availableTo, {
                updateOn: 'blur',
                validators: [Validators.required]
              }),
              descrpition: new FormControl(this.artist.descrpition, {
                updateOn: 'blur',
                validators: [Validators.required, Validators.maxLength(180)]
              }),
              genre: new FormArray([]),
            });
            this.isLoading = false;
          },
          error => {
            this.alertCtrl
              .create({
                header: '出错了！',
                message: '无法获取艺术家信息。请稍后再试。',
                buttons: [
                  {
                    text: '好的',
                    handler: () => {
                      this.router.navigate(['/tabs/tab4']);
                    }
                  }
                ]
              })
              .then(alertEl => {
                alertEl.present();
              });
          }
        );
    });
  }
  onAddGenre() {
    const control = new FormControl(this.artist.genre, [Validators.required]);
    (this.arForm.get('genre')).push(control);
  }
  onAddEquipment() {
    const control = new FormControl(this.artist.equipment, [Validators.required]);
    (this.arForm.get('equipment')).push(control);
  }
  addOne() {
    this.steps = this.steps + 1;
    console.log(this.steps);
  }
  minusOne() {
    this.steps = this.steps - 1;
    console.log(this.steps);
  }
  onUpdateArtist() {
    if (!this.arForm.valid) {
      return;
    }
    this.loadingCtrl
      .create({
        message: '正在更新艺术家信息...'
      })
      .then(loadingEl => {
        loadingEl.present();
        this.artistService
          .updateArtist(
            this.artist.id,
            this.arForm.value.name,
            this.arForm.value.type,
            this.arForm.value.cost,
            this.arForm.value.equipment,
            this.arForm.value.band,
            this.arForm.value.availableFrom,
            this.arForm.value.availableTo,
            this.arForm.value.descrpition,
            this.arForm.value.genre,
          )
          .subscribe(() => {
            loadingEl.dismiss();
            this.arForm.reset();
            this.router.navigate(['/tabs/tab4']);
          });
      });
  }
  ngOnDestroy() {
    if (this.artistSub) {
      this.artistSub.unsubscribe();
    }
  }
}

edit-page.page.html示例代码:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { HttpClientModule } from '@angular/common/http';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CommonModule } from '@angular/common';
import { SharedModule } from './shared/shared.module';
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [
    BrowserModule,
    CommonModule,
    FormsModule,
    HttpClientModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    SharedModule,
    ReactiveFormsModule
  ],
  providers: [
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent],
})
export class AppModule { }