Estoy trabajando en VueJS 3 dentro del proyecto Laravel y estoy usando un archivo JS que me proporciona elementos que uso para la barra de herramientas de rebajas. Básicamente es un conjunto de funciones que me proporciona botones que aplican la opción de descuento seleccionada. Todo funciona bien, pero recibo esos errores de consola que quiero que desaparezcan.
Todos son similares a este:
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>Esto significa que el elemento md-linedivider debe excluirse de la resolución de componentes a través de compilerOptions.isCustomElement. Y realmente busqué una solución en todas partes y solo encontré esta , pero no tengo vue.config.js en mi proyecto laravel para aplicar eso. Intenté hacer esto en webpack.mis.js y app.js pero no funcionó.
¿Alguien tiene alguna idea?
Prueba esto en tu webpack.mix.js
mix.js('resources/assets/js/app.js', 'public/js').vue({ options: { compilerOptions: { isCustomElement: (tag) => ['md-linedivider'].includes(tag), }, }, });En mi caso, tenía un componente global llamado view , pero lo usé como View . Por eso recibí la advertencia.