Как установить компиляторOptions.isCustomElement для VueJS 3 в проекте Laravel

Я работаю над VueJS 3 внутри проекта Laravel и использую файл JS, который предоставляет мне элементы, которые я использую для панели инструментов уценки. По сути, это набор функций, который предоставляет мне кнопки, применяющие выбранную опцию уценки. Все работает нормально, но я получаю те ошибки консоли, которые я хочу, чтобы они исчезли.

Все они похожи на этот:

Failed to resolve component: md-linedivider
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 
  at <Markdowntoolbar> 
  at <Article onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <BaseTransition mode = "out-in" appear=false persisted=false  ... > 
  at <Transition enter-active-class = "animate__animated animate__fadeInLeft" leave-active-class = "animate__animated animate__bounceOutUp" mode = "out-in" > 
  at <RouterView> 
  at <App> 
  at <Bodycomponent> 
  at <App>

Это говорит о том, что элемент md-linedivider должен быть исключен из разрешения компонента через компиляторOptions.isCustomElement. И я действительно везде искал решение, и я нашел только Вот этот, но у меня нет vue.config.js в моем проекте laravel, чтобы применить это. Я пытался сделать это в webpack.mis.js и app.js, но это не сработало.

У кого-нибудь есть идеи?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
819
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуйте это в своем webpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js').vue({
  options: {
    compilerOptions: {
      isCustomElement: (tag) => ['md-linedivider'].includes(tag),
    },
  },
});

Другие вопросы по теме