使用vuex中的mapState報錯Syntax Error: Unexpected token解決

1.使用vuex中的mapState報錯Syntax Error: Unexpected token

  1. 報錯原因:因爲我的babel預置的轉換器是 babel-preset-es2015 ,並不能轉換 Object Rest Operator 特性

解決辦法(共兩種,選其一即可):

方法一:可以安裝整個stage2的預置器,運行命令如下: 

npm install babel-preset-stage-2
接着在babel的配置文件 .babelrc 中應用插件:
{
      "presets": [
           "stage-2" ,
             ["es2015", { "modules": false }]
       ]
}

作者:書山有路_勤爲徑
鏈接:https://www.jianshu.com/p/dad8d00dcddd
來源:簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。

方法二:安裝 Object Rest Operator 的babel插件 ,運行命令如下:

npm install --save babel-plugin-transform-object-rest-spread
我選擇了安裝插件,接着在babel的配置文件 .babelrc 中應用插件:
{
      "presets": [
            ["es2015", { "modules": false }]
        ],
        "plugins": ["transform-object-rest-spread"]
}

最後重新運行項目,就不會再有報錯了。

如果沒成功 跟着提示找錯誤繼續:錯誤:無法找到預設的“ es2015”相對於目錄” /用戶/用戶名”(錯誤:找不到相對於目錄“ / Users / username”的預設“ es2015”)

//您只需要安裝babel-preset-es2015:

//CLI用法示例:

npm install babel-cli babel-preset-es2015

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章