Laravel10、Interia、svelte 设置显示警告

Question

我是 svelte 和 Interia 的新手。 我已经使用 Laravel10、Interia 和 svelte 设置了一个应用程序。

app.ts 就像

import { createInertiaApp } from "@inertiajs/svelte";

createInertiaApp({
    resolve: (name) => {
        const pages = import.meta.glob("./components/pages/**/*.svelte", {
            eager: true,
        });

        return pages[`./components/pages/${name}.svelte`];
    },

    setup({ el, App, props }) {
        console.log(el, App, props)
        new App({ target: el, props });
    },
});

该应用程序运行良好。但它在控制台中显示了几个警告。可以忽略吗？

14:47:08.566 <App> was created with unknown prop 'initialPage' @inertiajs_svelte.js:6629:15
14:47:08.566 <App> was created with unknown prop 'resolveComponent' @inertiajs_svelte.js:6629:15
14:47:08.566 <Index> received an unexpected slot "default". index.mjs:2380:20
14:47:08.566 <Index> was created with unknown prop 'errors' Index.svelte:79:92

Answer 1

带有 Inertia 和 Svelte 的 Laravel 11 仍然会生成这些警告。它们表明未知的道具已被传递但未导出。如果组件导入（使用）其他组件并且只传递这些 props，这是完全正常的。 因此，如果可以的话，忽略这些警告，或者如果不能的话，将它们添加到抱怨组件中，然后将它们传递给自己。