在你把vuex的Actions與getters注入到components中時,可能會使用到展開運算子(…),此時你可能會遇到語法錯誤的問題。

 ERROR  Failed to compile with 2 errors                                                                                                                                               上午1:06:35

 error  in ./resources/assets/js/components/include/Sidebar.vue

Syntax Error: Unexpected token (25:8)

  23 |     },
  24 |     computed: {
> 25 |         ...mapGetters([
     |         ^
  26 |             'getArticleIndex'
  27 |         ]),
  28 |     },

這是因為laravel-mix缺少stage-2的關係,把它補裝起來就可以解決這個問題。

  1. 安裝stage-2

    npm install --save-dev babel-preset-stage-2
  2. 建立.babelrc到你專案的根目錄中,並新增一下內容

    {
    "presets": ["stage-2"]
    }
  3. 執行編譯專案npm run dev or npm run watch