Laravel/Vite/Inertiajs - 從頁面/子文件夾導入自定義頁面

Question

我在將代碼調整為 app.js 中新的“必要擴展”格式時遇到問題

我的 app.js 代碼：

createInertiaApp({
resolve: async name => {
    let page = (await import(`./Pages/${name}.vue`)).default;

    //if page dont have layout - import default one
    if (page.layout == undefined) {
        page.layout = Layout;
    }

    return page;
},

全新安裝中的這一行如下所示：

resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),

我試圖合並兩個對象：

resolve: async name => {
    let page = (await import(`./Pages/${name}.vue`)).default;
    let pageAuth = (await import(`./Pages/Auth/${name}.vue`)).default;

    Object.assign(page, pageAuth);

但它也在子文件夾中搜索每個（根）頁面，因此它以文件不存在或顯示白頁的錯誤結束。

如何升級我的代碼以在子目錄中搜索？

我是 JS 的新手。

其他代碼嘗試給出錯誤 taht dynamic import not support * charracters

我的目標是如果未指定（根目錄或子文件夾），則能夠將布局附加到每個頁面

Answer 1

我覺得很愚蠢。 我通過以下方式解決了它：

resolve: async name => {
    let page = resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue'))