从 Laravel Jetstream Inertia 路由到 vue 文件

Question

我正在尝试使用 Inertia 在 Laravel Jetstream 中设置路线。路由应该是 /bloglist.

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

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

当我打开路线时，出现空白页面和错误

未处理的承诺拒绝：错误：找不到模块'./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);

从 Laravel Jetstream Inertia 路由到 vue 文件

Route to vue file from Laravel Jetstream Inertia

laravel

vue.js

inertiajs

jetstream