javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 03:00:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore(): warn if developer forgot to use ionpage component in view (#23625)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-07-14 08:59:31 -04:00
committed by GitHub
parent 7315e0157b
commit 3cebcb0883
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/vue/src/components/IonRouterOutlet.ts
View File

@ -323,6 +323,17 @@ export const IonRouterOutlet = defineComponent({
if (!enteringViewItem) {
enteringViewItem = viewStacks.createViewItem(id, matchedRouteRef.value.components.default, matchedRouteRef.value, currentRoute);
viewStacks.add(enteringViewItem);
/**
* All views that can be transitioned to must have
* an `<ion-page>` element for transitions and lifecycle
* methods to work properly.
*/
if (enteringViewItem.vueComponent?.components?.IonPage === undefined) {
console.warn(`[@ionic/vue Warning]: The view you are trying to render for path ${currentRoute.pathname} does not have the required <ion-page> component. Transitions and lifecycle methods may not work as expected.
See https://ionicframework.com/docs/vue/navigation#ionpage for more information.`);
}
}
if (!enteringViewItem.mount) {