Я работаю над 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, но это не сработало.
У кого-нибудь есть идеи?
Попробуйте это в своем webpack.mix.js
mix.js('resources/assets/js/app.js', 'public/js').vue({
options: {
compilerOptions: {
isCustomElement: (tag) => ['md-linedivider'].includes(tag),
},
},
});