ionic-framework - Ionic 4 模态组件参数类型不正确

Question

我正在处理一个模态组件(正在工作)，但我的 IDE 出现错误，告诉我参数不正确。

这是我的(工作)代码，但我不确定我做错了什么？

async openMyModal(myProps: ModalProps) {
    const modal = await this.modalCtrl.create({
      component: MyPropsModalComponent,
      componentProps: myProps
    });

    modal.present();
}

我得到的错误是:

Argument type {component: MyPropsModalComponent, componentProps: ModalProps} is not assignable to parameter type ModalOptions

单击实际( ionic )代码，我可以看到模态选项:

...
component: T;
componentProps?: ComponentProps<T>;
...

在我的 .ts 中是否有不同的方式组装模态文件？感谢您的任何建议!

编辑
myProps只是我传递给模态组件的一个对象。

export interface ModalProps {
  name?: string;
  email?: string;
  foo?: string;
  ...
}

MyPropsModalComponent是我用 CLI 生成的一个组件。所以我正在做的(并且它正在工作)是将一个对象( myProps )传递给 MyPropsModalComponent .一切都在工作和渲染，我只是好奇为什么我会看到那个错误？我猜这是一个 linting 错误？

Answer 1

我遇到了同样的问题，结果 IntelliJ 自动导入 ModalOptions来自 ngx-bootstrap而不是 @ionic/core .无论出于何种原因，我的 IDE 都无法找到 @ionic/core自己的版本)。

所以我改变了:
import {ComponentProps, ModalOptions} from 'ngx-bootstrap';
进入:
import {ComponentProps, ModalOptions} from '@ionic/core';