Estoy usando Laravel 9 con Vue 3 e Inertia . Configuré una aplicación básica con un componente de diseño predeterminado para todas las páginas, que estoy resolviendo de la siguiente manera:
aplicación.js
import { createApp, h } from 'vue' import { createInertiaApp, Head } from '@inertiajs/inertia-vue3' import Layout from './Shared/Layout'; createInertiaApp({ resolve: name => { let page = require(`./Pages/${name}`).default; page.layout ??= Layout; return page; }, setup({ el, App, props, plugin }) { createApp({ render: () => h(App, props) }) .use(plugin) .component("Head", Head) .mount(el) }, });
Aunque todo funciona como se esperaba, recibo una advertencia de Vue en la consola cada vez que navego a una nueva página.
salida de la consola:
[Vue warn]: Failed to resolve component: Layout If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
¿Dónde exactamente en mi proyecto excluyo algo de la resolución de componentes y cómo puedo cambiar las opciones del compilador?