{"id":20984,"date":"2021-04-15T08:34:58","date_gmt":"2021-04-15T08:34:58","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=20984"},"modified":"2021-10-28T06:46:27","modified_gmt":"2021-10-28T06:46:27","slug":"how-to-fix-vue-packages-version-mismatch-error-in-laravel-5-5","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-fix-vue-packages-version-mismatch-error-in-laravel-5-5\/","title":{"rendered":"How to Fix &#8221; Vue packages version mismatch:&#8221; error in Laravel 5.5"},"content":{"rendered":"\n<script src=\"https:\/\/gist.github.com\/cmschandan\/de1bb68c07ee8ab78e5af29912ff8303.js\"><\/script>\n\n\n\n<p>If you find any issue like above then run below Commands for solution :<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Solution :<\/strong><\/h4>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-tag\">npm<\/span> <span class=\"hljs-selector-tag\">install<\/span> <span class=\"hljs-selector-tag\">vue-template-compiler<\/span><span class=\"hljs-keyword\">@latest<\/span> vue@latest<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Above Command solve my issue if you are still in issue then run below command also.<\/p>\n\n\n<pre class=\"wp-block-code\"><span><code class=\"hljs\">npm install vue-moments-ago<\/code><\/span><\/pre>\n\n\n<p>References : <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"https:\/\/github.com\/JeffreyWay\/laravel-mix\/issues\/1101\" target=\"_blank\" rel=\"noreferrer noopener\">Click Here<\/a> <\/li><li><a href=\"https:\/\/laracasts.com\/discuss\/channels\/laravel\/laravel-vue-examplecomponent-not-working\" target=\"_blank\" rel=\"noreferrer noopener\">Click Here<\/a><\/li><li><a href=\"https:\/\/stackoverflow.com\/questions\/43397688\/how-do-i-fix-a-vue-packages-version-mismatch-error-on-laravel-spark-v4-0-9\" target=\"_blank\" rel=\"noreferrer noopener\">Click Here<\/a><\/li><\/ol>\n\n\n<div class=\"epyt-gallery\" data-currpage=\"1\" id=\"epyt_gallery_42090\"><figure class=\"wp-block-embed wp-block-embed-youtube is-type-video is-provider-youtube epyt-figure\"><div class=\"wp-block-embed__wrapper\"><iframe loading=\"lazy\"  id=\"_ytid_10191\"  width=\"760\" height=\"427\"  data-origwidth=\"760\" data-origheight=\"427\" src=\"https:\/\/www.youtube.com\/embed\/?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;\" class=\"__youtube_prefs__  no-lazyload\" title=\"YouTube player\"  data-epytgalleryid=\"epyt_gallery_42090\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div><\/figure><div class=\"epyt-gallery-list\"><div>Sorry, there was a YouTube error.<\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>If you find any issue like above then run below Commands for solution : Solution : Above Command solve my issue if you are still in issue then run below command also. References : Click Here Click Here Click Here<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","_joinchat":[],"footnotes":""},"categories":[5201],"tags":[6584,6593,6592,6591],"class_list":["post-20984","post","type-post","status-publish","format-standard","hentry","category-laravel","tag-laravel5-5","tag-package-json","tag-vue-template-compiler","tag-vue-js"],"_links":{"self":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/comments?post=20984"}],"version-history":[{"count":3,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20984\/revisions"}],"predecessor-version":[{"id":24434,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/posts\/20984\/revisions\/24434"}],"wp:attachment":[{"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/media?parent=20984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/categories?post=20984"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsschool.com\/blog\/wp-json\/wp\/v2\/tags?post=20984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}