Dynamic import of pages ( Inertia )

The page shows blank there is no view page when my basic structure like this Pages/folder/folder/file.vue or Pages/folder/file.Vue

Can you give me to resolve the dynamic page import code example here?

My Code Is:

'resolve': async name => { const page = (await import(`./Pages/${name}.vue`)).default; page.layout ??= FrontLayout; return page; }

gych

2 years ago

Level 29

Can you share the full code of your app.js file ?

blacknet

2 years ago

Level 1

@gych i've solve

resolve: async name => {
       // const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
       // return pages[`./Pages/${name}.vue`]

       const parts = name.split('/');
       const path = parts.length > 1 ? `./Pages/${parts.join('/')}.vue` : `./Pages/${name}.vue`;

       const page = (await import(/* @vite-ignore */path)).default;

       if (page.layout === undefined) {
           page.layout ??= name.startsWith('backend/')?layouts.AdminLayout:layouts.FrontLayout
       }
       return page;
   }

Please or to participate in this conversation.