Bug Report
Ionic version:
[ ] 4.x
[x] 5.x
Current behavior:
Console throws exception when calling modal.present()
.
Uncaught (in promise) Error: framework delegate is missing
at eval (framework-delegate-d1eb6504.js?b457:11)
at step (tslib.es6.js?9ab4:100)
at Object.eval [as next] (tslib.es6.js?9ab4:81)
at eval (tslib.es6.js?9ab4:74)
at new Promise (<anonymous>)
at __awaiter (tslib.es6.js?9ab4:70)
at attachComponent (framework-delegate-d1eb6504.js?b457:2)
at class_1.eval (ion-modal.entry.js?1ad0:390)
at step (tslib.es6.js?9ab4:100)
at Object.eval [as next] (tslib.es6.js?9ab4:81)
Expected behavior:
Modal would present.
Steps to reproduce:
- Create a fresh Ionic project using the new Vue beta.
- Use the
modalController
to create a new modal. - Try to present the created modal
Related code:
Same as from the new Vue beta announcement post (see Other information).
<template>
<ion-page>
<ion-content>
<ion-button @click="openModal()">Open Modal</ion-button>
</ion-content>
</ion-page>
</template>
<script>
import { IonButton, IonContent, IonPage, modalController } from '@ionic/vue';
import ModalExample from '@/components/Modal.vue';
export default {
name: 'HomePage',
components: { IonButton, IonContent, IonPage },
setup() {
const openModal = async () => {
const modal = await modalController.create({
component: ModalExample
});
await modal.present();
}
return { openModal }
}
}
</script>
Other information:
Ionic info:
Ionic:
Ionic CLI : 6.11.8 (/Users/svenknobloch/.config/yarn/global/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 0.3.1
Capacitor:
Capacitor CLI : 2.4.1
@capacitor/core : 2.4.1
Utility:
cordova-res : not installed
native-run (update available: 1.1.0) : 0.3.0
System:
NodeJS : v14.5.0 (/usr/local/Cellar/node/14.5.0/bin/node)
npm : 6.14.5
OS : macOS Mojave
Hi everyone,
This fix has been released in Ionic Vue v0.5.0: https://github.com/ionic-team/ionic-framework/blob/ionic-vue/packages/vue/CHANGELOG.md#050