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

点击进入实际（离子）代码，我可以看到模态选项：

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

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

编辑

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

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

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

Answer 1

我遇到了同样的问题，事实证明 IntelliJ 自动从 ngx-bootstrap 而不是 @ionic/core 导入 ModalOptions。无论出于何种原因，我的 IDE 无法自行找到 @ionic/core 版本）。

所以我改变了：

import {ComponentProps, ModalOptions} from 'ngx-bootstrap';

进入：

import {ComponentProps, ModalOptions} from '@ionic/core';

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

Ionic 4 modal component incorrect parameter type

ionic-framework

ionic4