在你把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
  1. 建立.babelrc到你專案的根目錄中，並新增一下內容
{
  "presets": ["stage-2"]
}
  1. 執行編譯專案npm run dev or npm run watch

感謝閱讀！

喜歡這篇文章或是有幫助到你嗎？ 歡迎分享給你的朋友！

有任何問題、回饋或您認為我會感興趣的任何東西嗎？ 請在下面發表評論，或者是直接聯絡我。

Puck Wang

Puck Wang

Hi！ 我是 Puck Wang，這個部落格的作者，是一位全端網站開發者，常使用 .Net 和 React 進行開發，專注於架構研究，你可以在這個部落格看到我精選的筆記內容，希望對你會有所幫助。

更多關於我的訊息，可至關於關於頁面。