在Elixir Phoenix 1.3项目的.vue文件中使用扩展运算符报错

看起来你的问题出在Babel配置上——虽然你已经安装了transform-object-rest-spread插件，但缺少必要的ES6预设来让Babel正确解析对象扩展运算符语法。下面是具体的修复步骤：

1. 安装ES6预设依赖 #

首先需要安装babel-preset-es2015，它提供了Babel解析基础ES6语法所需的规则：

npm install babel-preset-es2015 --save-dev

2. 更新Brunch的Babel配置 #

修改你的brunch-config.js文件，在babel插件配置中添加presets字段，确保它和plugins一起生效：

plugins: {
  babel: {
    ignore: [/vendor/],
    presets: ['es2015'], // 新增这一行
    plugins: ['transform-object-rest-spread']
  },
  // 保留其他插件的原有配置...
}

3. 重启Brunch监听进程 #

配置修改后，需要停止当前的npm run watch进程，然后重新启动它，让新的Babel配置生效：

# 先按Ctrl+C停止当前进程
npm run watch

为什么这能解决问题？ #

你的transform-object-rest-spread插件负责处理对象扩展运算符（...），但Babel 6+需要基础的ES6预设（比如es2015）来搭建基本的编译环境，否则单独的插件无法正常工作。之前的配置里只加了插件，却没有预设，导致Babel无法识别扩展运算符的语法结构，从而抛出编译错误。

如果按照上述步骤操作后仍然有问题，可以尝试升级babel-brunch到6.x系列的最新版本（比如6.1.4），确保插件和预设版本兼容：

npm install babel-brunch@6.1.4 --save-dev

内容的提问来源于stack exchange，提问作者Thomas Dippel