鍍金池/ 問答/HTML/ 使用vue-cli的模板如何使用ES6的解構(gòu)語法?

使用vue-cli的模板如何使用ES6的解構(gòu)語法?

.babelrc配置如下

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-3"
  ],
  "plugins": [
    "transform-vue-jsx", 
    "transform-runtime"
  ]
}

代碼中測試會報(bào)錯(cuò)

const m = {a: 'a', b: 'b'}
const n = {...m, c: 'c' }
console.log(n)

希望可以給出解決辦法,我查到SF有個(gè)一模一樣的問題,但是感覺回復(fù)都沒什么幫助


補(bǔ)充報(bào)錯(cuò)信息:

clipboard.png

回答
編輯回答
心癌

babelrc我用的這個(gè)

{
  presets: [
    'babel-preset-es2015',
    'babel-preset-stage-2'
  ],
  plugins: [
    'babel-plugin-transform-flow-strip-types'
  ]
}
2017年12月9日 07:07
編輯回答
純妹

LZ的配置沒有任何報(bào)錯(cuò):

clipboard.png

2018年7月15日 20:30