{"id":1303,"date":"2021-01-10T13:28:56","date_gmt":"2021-01-10T16:28:56","guid":{"rendered":"https:\/\/www.latirus.com\/blog\/?p=1303"},"modified":"2024-12-08T19:07:48","modified_gmt":"2024-12-08T22:07:48","slug":"reconocer-archivos-vue-laravel-mix","status":"publish","type":"post","link":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/","title":{"rendered":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix"},"content":{"rendered":"\n<p>Sin dudas este fue de los problemas que tuvimos al actualizar a <strong>Laravel Mix<\/strong> 6 para usar <strong>Tailwind 2.0<\/strong> en nuestros proyectos de <strong>Laravel<\/strong> 8. Si seguiste la gu\u00eda de <a href=\"https:\/\/www.latirus.com\/blog\/2020\/11\/25\/instalar-laravel-8-con-tailwind-2-0\/\"><span class=\"has-inline-color has-luminous-vivid-orange-color\">como instalar <strong>Tailwind 2<\/strong> con <strong>Laravel 8<\/strong><\/span><\/a>, te habr\u00e1s dado cuenta que <strong>Laravel Mix no reconoce archivos .vue<\/strong>.  Si bien este error era porque la actualizaci\u00f3n de <strong>Tailwind <\/strong>implicaba usar paquetes m\u00e1s actualizados que <strong>Laravel Mix 5<\/strong> no lo pod\u00eda procesar. En esta gu\u00eda r\u00e1pida voy a explicarte como actualizar correctamente Laravel Mix para que reconozca archivos template de <strong>Vue<\/strong>. <em>(Extension .vue)<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Actualizaci\u00f3n de Laravel Mix<\/h2>\n\n\n\n<p>Lo primero es actualizar nuestro package.json de <em>npm <\/em>para tener las ultimas versiones de <strong>Laravel Mix<\/strong> y <strong>Tailwind 2.0<\/strong>. Nuestro archivo necesita tener los siguientes scripts:<\/p>\n\n\n\n<pre title=\"package.json\" class=\"wp-block-code\"><code lang=\"json\" class=\"language-json\">\"scripts\":\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"dev\":\u00a0\"npm\u00a0run\u00a0development\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"development\":\u00a0\"mix\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"watch\":\u00a0\"mix\u00a0watch\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"watch-poll\":\u00a0\"mix\u00a0watch\u00a0--\u00a0--watch-options-poll=1000\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"hot\":\u00a0\"mix\u00a0watch\u00a0--hot\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"prod\":\u00a0\"npm\u00a0run\u00a0production\",\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\"production\":\u00a0\"mix\u00a0--production\"\n\u00a0\u00a0\u00a0\u00a0},\n...<\/code><\/pre>\n\n\n\n<p>Reemplaza la parte de scripts con el c\u00f3digo que te pase anteriormente. De esta manera, <strong>Laravel Mix 6<\/strong> va a poder ejecutarse con los comandos. <\/p>\n\n\n\n<p>Ahora pasemos a las dependencias de desarrollo, aseg\u00farate de tener las siguientes dependencias en tu proyecto de <strong>Laravel<\/strong>:<\/p>\n\n\n\n<pre title=\"package.json\" class=\"wp-block-code\"><code lang=\"json\" class=\"language-json\">\"devDependencies\":\u00a0{\n\u00a0\u00a0\u00a0\u00a0\"@tailwindcss\/forms\":\u00a0\"^0.2.1\",\n\u00a0\u00a0\u00a0\u00a0\"alpinejs\":\u00a0\"^2.7.3\",\n\u00a0\u00a0\u00a0\u00a0\"autoprefixer\":\u00a0\"^10.1.0\",\n\u00a0\u00a0\u00a0\u00a0\"axios\":\u00a0\"^0.21\",\n\u00a0\u00a0\u00a0\u00a0\"laravel-mix\":\u00a0\"^6.0.6\",\n\u00a0\u00a0\u00a0\u00a0\"lodash\":\u00a0\"^4.17.19\",\n\u00a0\u00a0\u00a0\u00a0\"postcss\":\u00a0\"^8.2.1\",\n\u00a0\u00a0\u00a0\u00a0\"postcss-import\":\u00a0\"^12.0.1\",\n\u00a0\u00a0\u00a0\u00a0\"tailwindcss\":\u00a0\"^2.0.2\"\n},\n\n\"dependencies\":\u00a0{\n\u00a0\u00a0\u00a0\u00a0\u00a0\"vue\":\u00a0\"^2.6.12\"\n}<\/code><\/pre>\n\n\n\n<p>Ahora nos queda actualizar nuestro proyecto para tener<strong> Laravel Mix 6<\/strong> con <strong>Tailwind <\/strong>2, junto con <strong>Vue <\/strong>y sus templates. Para ello ejecutamos el siguiente comando en nuestra terminal:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">npm install<\/code><\/pre>\n\n\n\n<p>Una vez finalizada la instalaci\u00f3n, ya tendremos funcionando <strong>Laravel Mix<\/strong> con <strong>Tailwind 2<\/strong>, sin agregar ning\u00fan paquete extra. En este momento al compilar nuestros archivos JavaScript y css vamos a notar que nos da error que no reconoce los archivos <strong>.vue<\/strong> y necesitamos un loader para configurar. <\/p>\n\n\n\n<p><strong>You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Configurar Mix para archivos .vue<\/h2>\n\n\n\n<p>Cabe destacar que es necesario que nuestros archivos template de Vue, tengan la extensi\u00f3n en min\u00fasculas <strong>.vue<\/strong>. La primera configuraci\u00f3n y \u00fanica que hay que realizar para que nuestro proyecto reconozca archivos con extension vue es modificando el archivo webpack.mix.js. Este archivo se encuentra en nuestra carpeta raiz del proyecto, y contiene las configuraciones necesarias para que Laravel Mix compile los archivos.<\/p>\n\n\n\n<pre title=\"webpack.mix.js\" class=\"wp-block-code\"><code lang=\"javascript\" class=\"language-javascript\">const\u00a0mix\u00a0=\u00a0require('laravel-mix');\n\n\/*\n\u00a0|--------------------------------------------------------------------------\n\u00a0|\u00a0Mix\u00a0Asset\u00a0Management\n\u00a0|--------------------------------------------------------------------------\n\u00a0|\n\u00a0|\u00a0Mix\u00a0provides\u00a0a\u00a0clean,\u00a0fluent\u00a0API\u00a0for\u00a0defining\u00a0some\u00a0Webpack\u00a0build\u00a0steps\n\u00a0|\u00a0for\u00a0your\u00a0Laravel\u00a0applications.\u00a0By\u00a0default,\u00a0we\u00a0are\u00a0compiling\u00a0the\u00a0CSS\n\u00a0|\u00a0file\u00a0for\u00a0the\u00a0application\u00a0as\u00a0well\u00a0as\u00a0bundling\u00a0up\u00a0all\u00a0the\u00a0JS\u00a0files.\n\u00a0|\n\u00a0*\/\n\nmix.js('resources\/js\/app.js',\u00a0'public\/js').vue()\n.postCss('resources\/css\/app.css',\u00a0'public\/css',\u00a0[\n\u00a0\u00a0\u00a0\u00a0require('postcss-import'),\n\u00a0\u00a0\u00a0\u00a0require('tailwindcss'),\n\u00a0\u00a0\u00a0\u00a0require('autoprefixer'),\n]);\n\n<\/code><\/pre>\n\n\n\n<p>Es necesario que agreguemos la funci\u00f3n <strong>.vue()<\/strong> detr\u00e1s de nuestro <strong>mix.js<\/strong><\/p>\n\n\n\n<p><em>mix.js(&#8216;resources\/js\/app.js&#8217;,\u00a0&#8216;public\/js&#8217;)<strong>.vue()<\/strong><\/em><\/p>\n\n\n\n<p>Ahora si nuestro proyecto lee archivos <strong>.vue<\/strong> en nuestro JavaScript. Esta fue una gu\u00eda r\u00e1pida de <strong>como actualizar Laravel Mix 6 para que funcione con Tailwind 2 y Vue<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sin dudas este fue de los problemas que tuvimos al actualizar a Laravel Mix 6 para usar Tailwind 2.0 en nuestros proyectos de Laravel 8. Si seguiste la gu\u00eda de como instalar Tailwind 2 con Laravel 8, te habr\u00e1s dado cuenta que Laravel Mix no reconoce archivos .vue. Si bien este error era porque la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1307,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[225,223,220],"tags":[226,274,276,62,287,249],"class_list":["post-1303","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","category-php","category-tutoriales","tag-laravel","tag-laravel-mix","tag-npm","tag-php","tag-tailwind-2","tag-tailwindcss"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus<\/title>\n<meta name=\"description\" content=\"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus\" \/>\n<meta property=\"og:description\" content=\"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\" \/>\n<meta property=\"og:site_name\" content=\"Latirus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/latirus\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-10T16:28:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-08T22:07:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1534\" \/>\n\t<meta property=\"og:image:height\" content=\"531\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Federico Perez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Federico Perez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\"},\"author\":{\"name\":\"Federico Perez\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/aacf914583ee8f94bf64b989e164591c\"},\"headline\":\"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix\",\"datePublished\":\"2021-01-10T16:28:56+00:00\",\"dateModified\":\"2024-12-08T22:07:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\"},\"wordCount\":396,\"publisher\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1\",\"keywords\":[\"Laravel\",\"Laravel Mix\",\"npm\",\"PHP\",\"Tailwind 2\",\"TailwindCSS\"],\"articleSection\":[\"Laravel\",\"PHP\",\"Tutoriales\"],\"inLanguage\":\"es-AR\"},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\",\"url\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\",\"name\":\"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus\",\"isPartOf\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1\",\"datePublished\":\"2021-01-10T16:28:56+00:00\",\"dateModified\":\"2024-12-08T22:07:48+00:00\",\"description\":\"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...\",\"breadcrumb\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#breadcrumb\"},\"inLanguage\":\"es-AR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1\",\"width\":1534,\"height\":531,\"caption\":\"laravel mix 6 con taiwlind 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.latirus.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#website\",\"url\":\"https:\/\/www.latirus.com\/blog\/\",\"name\":\"Latirus\",\"description\":\"Desarrollo de Sistemas\",\"publisher\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.latirus.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-AR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#organization\",\"name\":\"Latirus\",\"url\":\"https:\/\/www.latirus.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2020\/08\/latirus-logo-light.png\",\"contentUrl\":\"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2020\/08\/latirus-logo-light.png\",\"width\":340,\"height\":150,\"caption\":\"Latirus\"},\"image\":{\"@id\":\"https:\/\/www.latirus.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/latirus\/\",\"https:\/\/linkedin.com\/company\/latirus\",\"https:\/\/www.youtube.com\/channel\/UCiTW7a7aDCBFg0qbIA5bq_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/aacf914583ee8f94bf64b989e164591c\",\"name\":\"Federico Perez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-AR\",\"@id\":\"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/368c5b2c9e1744ec70feb6608555b474bc5119b36bdc7890e35d51216d231669?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/368c5b2c9e1744ec70feb6608555b474bc5119b36bdc7890e35d51216d231669?s=96&d=mm&r=g\",\"caption\":\"Federico Perez\"},\"sameAs\":[\"http:\/\/latirus.com\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus","description":"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/","og_locale":"es_ES","og_type":"article","og_title":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus","og_description":"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...","og_url":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/","og_site_name":"Latirus","article_publisher":"https:\/\/www.facebook.com\/latirus\/","article_published_time":"2021-01-10T16:28:56+00:00","article_modified_time":"2024-12-08T22:07:48+00:00","og_image":[{"width":1534,"height":531,"url":"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png","type":"image\/png"}],"author":"Federico Perez","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Federico Perez","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#article","isPartOf":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/"},"author":{"name":"Federico Perez","@id":"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/aacf914583ee8f94bf64b989e164591c"},"headline":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix","datePublished":"2021-01-10T16:28:56+00:00","dateModified":"2024-12-08T22:07:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/"},"wordCount":396,"publisher":{"@id":"https:\/\/www.latirus.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1","keywords":["Laravel","Laravel Mix","npm","PHP","Tailwind 2","TailwindCSS"],"articleSection":["Laravel","PHP","Tutoriales"],"inLanguage":"es-AR"},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/","url":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/","name":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix - Latirus","isPartOf":{"@id":"https:\/\/www.latirus.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage"},"image":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1","datePublished":"2021-01-10T16:28:56+00:00","dateModified":"2024-12-08T22:07:48+00:00","description":"Solucion al error de Vue You may need an appropriate loader to handle this file type, currently no loaders are configured to process...","breadcrumb":{"@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#breadcrumb"},"inLanguage":"es-AR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/"]}]},{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#primaryimage","url":"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1","width":1534,"height":531,"caption":"laravel mix 6 con taiwlind 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.latirus.com\/blog\/2021\/01\/10\/reconocer-archivos-vue-laravel-mix\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.latirus.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Reconocer Archivos con Extensi\u00f3n Vue en Laravel Mix"}]},{"@type":"WebSite","@id":"https:\/\/www.latirus.com\/blog\/#website","url":"https:\/\/www.latirus.com\/blog\/","name":"Latirus","description":"Desarrollo de Sistemas","publisher":{"@id":"https:\/\/www.latirus.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.latirus.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-AR"},{"@type":"Organization","@id":"https:\/\/www.latirus.com\/blog\/#organization","name":"Latirus","url":"https:\/\/www.latirus.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/www.latirus.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2020\/08\/latirus-logo-light.png","contentUrl":"https:\/\/www.latirus.com\/blog\/wp-content\/uploads\/2020\/08\/latirus-logo-light.png","width":340,"height":150,"caption":"Latirus"},"image":{"@id":"https:\/\/www.latirus.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/latirus\/","https:\/\/linkedin.com\/company\/latirus","https:\/\/www.youtube.com\/channel\/UCiTW7a7aDCBFg0qbIA5bq_Q"]},{"@type":"Person","@id":"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/aacf914583ee8f94bf64b989e164591c","name":"Federico Perez","image":{"@type":"ImageObject","inLanguage":"es-AR","@id":"https:\/\/www.latirus.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/368c5b2c9e1744ec70feb6608555b474bc5119b36bdc7890e35d51216d231669?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/368c5b2c9e1744ec70feb6608555b474bc5119b36bdc7890e35d51216d231669?s=96&d=mm&r=g","caption":"Federico Perez"},"sameAs":["http:\/\/latirus.com\/blog"]}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.latirus.com\/blog\/wp-content\/uploads\/2021\/01\/laravel-mix-6-con-taiwlind-2.png?fit=1534%2C531&ssl=1","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/posts\/1303","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/comments?post=1303"}],"version-history":[{"count":4,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/posts\/1303\/revisions"}],"predecessor-version":[{"id":1308,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/posts\/1303\/revisions\/1308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/media\/1307"}],"wp:attachment":[{"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/media?parent=1303"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/categories?post=1303"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.latirus.com\/blog\/wp-json\/wp\/v2\/tags?post=1303"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}