下面由laravel教程欄目給大家介紹關于Laravel5.4 VueJS編譯失敗的問題處理方法，希望對需要的朋友有所幫助！
在使用laravel5.4 進行vuejs組件化測試時，出現了這樣的錯誤：
vagrant@homestead:~/Code/zhihu-app$?gulp [00:35:03]?Using?gulpfile?~/Code/zhihu-app/gulpfile.js [00:35:03]?Starting?'all'... [00:35:03]?Starting?'sass'... [00:35:09]?Finished?'sass'?after?5.74?s [00:35:09]?Starting?'webpack'... {?[Error:?./resources/assets/js/components/Example.vue Module?parse?failed:?/home/vagrant/Code/zhihu-app/resources/assets/js/components/Example.vue?Unexpected?token?(1:0) You?may?need?an?appropriate?loader?to?handle?this?file?type. |?<template> |?????<div> |?????????<div> ?@?./resources/assets/js/app.js?17:26-61] ??message:?'./resources/assets/js/components/Example.vuenModule?parse?failed:?/home/vagrant/Code/zhihu-app/resources/assets/js/components/Example.vue?Unexpected?token?(1:0)nYou?may?need?an?appropriate?loader?to?handle?this?file?type.n|?<template>n|?????<div>n|?????????<div>n?@?./resources/assets/js/app.js?17:26-61', ??showStack:?false, ??showProperties:?true, ??plugin:?'webpack-stream', ??__safety:?{?toString:?[Function:?bound?]?}?}<p>從拋出的錯誤我們可以看到，是未引入 'laravel-elixir-vue-2',</p> <p>所以，我們需要下載相應的包，然后引入到gulpfile.js文件中。</p> <pre class="brush:php;toolbar:false">var?elixir?=?require('laravel-elixir'); require('laravel-elixir-vue-2');//?recommended?for?vue?2 elixir(function(mix)?{ ????mix.sass('app.scss') ????????.webpack('app.js'); ????mix.version(['js/app.js',?'css/app.css']) });
如果出現Error: Cannot find module ‘laravel-elixir-vue-2’錯誤，則需要下載laravel-elixir-vue-2：
npm?install?laravel-elixir-vue-2?--save-dev
有關詳情，請看github laravel-elixir-vue-2（https://github.com/vuejs/laravel-elixir-vue-2）包用法
立即學習“前端免費學習筆記（深入）”；
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
