TypeScript 中的类型不存在属性

Question

我正在研究 ionic 4 crud，在我的 create.page.ts 中我正在验证表单，但是我试图使用异步方法并等待使用 this.loading.ctrl，但我收到了在标题。

此外，当我尝试处理它的返回时，this.router.navigateByUrl(''); 上也会出现错误，如果不清楚这里到底发生了什么，这是我的create.page.ts：

import { Component, OnInit } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
import { LoadingController, AlertController } from '@ionic/angular';
import { FirestoreService } from '../../services/data/firestore.service';

@Component({
  selector: 'app-create',
  templateUrl: './create.page.html',
  styleUrls: ['./create.page.scss'],
})
export class CreatePage implements OnInit {
  public createConsultaForm: FormGroup;

  constructor(
    public firestoreService: FirestoreService, formBuilder: FormBuilder,
    loadingCtrl: LoadingController, alertCtrl: AlertController
  ) {
      this.createConsultaForm = formBuilder.group({
        id: ['', Validators.required],
        unidade: ['', Validators.required],
        medNome: ['', Validators.required],
        especialidade: ['', Validators.required],
        endereco: ['', Validators.required],
        data: ['', Validators.required],
        hora: ['', Validators.required],
      });
  }

  ngOnInit() {
  }

  async createConsulta() {
    const loading = await this.loadingCtrl.create();
    const id = this.createConsultaForm.value.id;
    const unidade = this.createConsultaForm.value.unidade;
    const medNome = this.createConsultaForm.value.medNome;
    const especialidade = this.createConsultaForm.value.especialidade;
    const endereco = this.createConsultaForm.value.endereco;
    const data = this.createConsultaForm.value.data;
    const hora = this.createConsultaForm.value.hora;

    this.firestoreService
      .createConsulta(unidade, especialidade, medNome,  endereco, data, hora)
      .then(
        () => {
          loading.dismiss().then(() => {
            this.router.navigateByUrl('');
          });
        },
        error => {
          console.error(error);
        }
      );

    return await loading.present();
  }
}

在这一行：

const loading = await this.loadingCtrl.create();

我明白了：

类型“CreatePage”上不存在属性“loadingCtrl”

在这一行：

this.router.navigateByUrl('');

我明白了

“CreatePage”类型上不存在属性“路由器”

Answer 1

我没有看到你导入的任何地方Router

导入Router并在构造函数中实例化

constructor(router: Router) { this.router.navigateByUrl(...); }