ionic-framework: bug: fail build vue app in last update with vite

Prerequisites

Ionic Framework Version

  • v4.x
  • v5.x
  • v6.x
  • Nightly

Current Behavior

Error after update to last version in vue, example file:

node_modules/@ionic/vue/dist/types/components/IonIcon.d.ts

in 6.1.10-nightly.20220614

export declare const IonIcon: import("vue").DefineComponent<{
    color: StringConstructor;
    flipRtl: BooleanConstructor;
    icon: StringConstructor;
    ios: StringConstructor;
    lazy: StringConstructor;
    md: StringConstructor;
    mode: StringConstructor;
    name: StringConstructor;
    size: StringConstructor;
    src: StringConstructor;
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {
    lazy?: string;
    mode?: string;
    ios?: string;
    md?: string;
    name?: string;
    color?: string;
    size?: string;
    icon?: string;
    src?: string;
    flipRtl?: boolean;
}>, {}>;

in 6.1.10-nightly.20220615

export declare const IonIcon: import("vue").DefineComponent<{
    color: StringConstructor;
    flipRtl: BooleanConstructor;
    icon: StringConstructor;
    ios: StringConstructor;
    lazy: StringConstructor;
    md: StringConstructor;
    mode: StringConstructor;
    name: StringConstructor;
    size: StringConstructor;
    src: StringConstructor;
}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    color: StringConstructor;
    flipRtl: BooleanConstructor;
    icon: StringConstructor;
    ios: StringConstructor;
    lazy: StringConstructor;
    md: StringConstructor;
    mode: StringConstructor;
    name: StringConstructor;
    size: StringConstructor;
    src: StringConstructor;
}>>, {
    flipRtl: boolean;
}>;

Expected Behavior

<ion-icon slot="icon-only" :icon="icons.close" />

Type string is not assignable to type InferPropType<StringConstructor> Type string is not assignable to type [StringConstructor] extends [Prop<infer V, infer D>] ? (unknown extends infer V ? IfAny<V, V, D> : V) : StringConstructor      Type string is not assignable to type StringConstructor

Steps to Reproduce

vue-tsc --noEmit && vite build

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 6.18.1 (C:\Users\KANekT\AppData\Roaming\npm\node_modules@ionic\cli)

Capacitor:

Capacitor CLI : 3.5.1 @capacitor/android : 3.5.1 @capacitor/core : 3.5.1 @capacitor/ios : 3.5.1

Utility:

cordova-res : not installed globally native-run : 1.6.0

System:

NodeJS : v16.15.1 (C:\Program Files\nodejs\node.exe) npm : 8.11.0 OS : Windows 10

Additional Information

No response

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 17 (7 by maintainers)

Commits related to this issue

Most upvoted comments

Also, as per my comment in https://github.com/ionic-team/ionic-framework/issues/25485#issuecomment-1157699538, Volar support should be improved in Ionic 6.1.11. Please give it a try and let us know if you run into any issues on https://github.com/ionic-team/ionic-framework/issues/24169.

Hi everyone,

This issue was resolved in Ionic 6.1.11. Please update to the latest version of Ionic Vue to receive a fix for this issue.

Thanks for the issue. This has been resolved via https://github.com/ionic-team/ionic-framework/pull/25499, and a fix will be available in an upcoming release of Ionic Framework.

Yes it resolve this error

Vue 3