在你把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 進行開發,專注於架構研究,你可以在這個部落格看到我精選的筆記內容,希望對你會有所幫助。

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