@adam_carraway

Как в Inertiajs указать игнорирование кастомного тега?

Разбираюсь с inertiajs. При иcпользовании иконок получаю кучу варнингов в консоли.
[Vue warn]: Failed to resolve component: ion-icon
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

Пытался указать что это тег нужно игнорировать но не получается. Вот как я пытался это сделать.
VueApp.config.compilerOptions.isCustomElement = tag => tag.startsWith('ion-')
createInertiaApp({
    resolve: async name => {
        let page = (await import(`./Pages/${name}`)).default;

        if (page.layout === undefined) {
            page.layout = Layout;
        }

        return page;
    },
    setup({el, App, props, plugin}) {
        const VueApp = createApp({render: () => h(App, props)});

        VueApp.config.compilerOptions.isCustomElement = tag => tag.startsWith('ion-')

        return VueApp.use(plugin)
            .use(VueTextareaAutosize)
            .use(ElementPlus)
            .use(VueClipboard)
            .use(moment)
            .component('Link', Link)
            .component('Head', Head)
            .mount(el);
    },

    title: title => `My app - ${title}`,
})


Подскажите как правильно сделать, раньше я использовал Vue.config.ignoredElements = [/^ion-/] .
  • Вопрос задан
  • 234 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы