GOOGLE ADS

sábado, 16 de abril de 2022

Cómo configurar compilerOptions.isCustomElement para VueJS 3 en el proyecto Laravel

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>

Solución del problema

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),
},
},
});

No hay comentarios.:

Publicar un comentario

Flutter: error de rango al acceder a la respuesta JSON

Estoy accediendo a una respuesta JSON con la siguiente estructura. { "fullName": "FirstName LastName", "listings...