從 Laravel Jetstream Inertia 路由到 vue 文件

Question

我正在嘗試使用 Inertia 在 Laravel Jetstream 中設置一條路線。 路由應該是/bloglist。

vue 文件位於 /resources/js/Blog/BlogList.vue

我使用的路線是： Route::inertia('/bloglist', 'BlogList');

當我打開路線時，我得到一個空白頁面和一個錯誤

未處理 Promise 拒絕：錯誤：找不到模塊“./BlogList.vue”

我究竟做錯了什么？

Answer 1

resolveComponent 在 app.js 中設置。 我不相信它可以改變每條路線。 但是，您可以添加 resources/js/Pages/Blog/BlogList.vue 並使用

Route::inertia('/bloglist', 'Blog/BlogList');

示例 app.js

new Vue({
    render: (h) =>
        h(InertiaApp, {
            props: {
                initialPage: JSON.parse(app.dataset.page),
                resolveComponent: (name) => require(`./Pages/${name}`).default,
            },
        }),
}).$mount(app);