vue.js - laravel5.2+vue1.0，使用vue元件，gulp的時候報錯

Question

執行gulp時會報以下錯誤：

[07:11:05] gulp-notify: [Laravel Elixir] Browserify Failed!: Parsing file /home/vagrant/Code/TaskManager/resources/assets/js/vue/components/stepList.vue: 'import' and 'export' may appear only with 'sourceType: module' (22:0)
{ Error: Parsing file /home/vagrant/Code/TaskManager/resources/assets/js/vue/components/stepList.vue: 'import' and 'export' may appear only with 'sourceType: module' (22:0)
    at Deps.parseDeps (/home/vagrant/Code/TaskManager/node_modules/module-deps/index.js:437:28)
    at fromSource (/home/vagrant/Code/TaskManager/node_modules/module-deps/index.js:376:44)
    at /home/vagrant/Code/TaskManager/node_modules/module-deps/index.js:370:17
    at ConcatStream.<anonymous> (/home/vagrant/Code/TaskManager/node_modules/concat-stream/index.js:36:43)
    at emitNone (events.js:91:20)
    at ConcatStream.emit (events.js:185:7)
    at finishMaybe (/home/vagrant/Code/TaskManager/node_modules/readable-stream/lib/_stream_writable.js:460:14)
    at endWritable (/home/vagrant/Code/TaskManager/node_modules/readable-stream/lib/_stream_writable.js:469:3)
    at ConcatStream.Writable.end (/home/vagrant/Code/TaskManager/node_modules/readable-stream/lib/_stream_writable.js:436:5)
    at DuplexWrapper.onend (/home/vagrant/Code/TaskManager/node_modules/readable-stream/lib/_stream_readable.js:537:10)

.vue檔案程式碼如下：

<template>
    <li class="list-group-item">
        <span @dblclick="editStep(step)">{{ step.name }}</span>
        <span class="pull-right">
            <i class="fa fa-check " @click="toggleCompletion(step)"></i>
            <i class="fa fa-close " @click="removeStep(step)"></i>
        </span>
    </li>
</template>

<script>
    export default {
        props:['step']
    }
</script>

<style>
</style>

請問這是什麼回事?

Answer 1

在根目錄新建 .babelrc 輸入一下內容

{
  "presets": ["es2015", "stage-0"]
}