vue项目启动关于三个点…运算符时报错 Syntax Error: Unexpected token 的解决方法

文
章
目
录

• 问题描述
• 解决办法
• 补充

问题描述

最近有个同学的vue项目让我帮忙启动运行，在执行npm run dev时运行总是报错，提示Syntax Error: Unexpected token错误信息，错误代码都定位到三个点…扩展运算符处，类似如下图：

解决办法

解决办法也很简单，只需要在项目根目录新建一个名为.babelrc的文件，文件内容如下：

{
  \"presets\": [
    \"stage-2\"
  ]
}

然后再去启动项目就成功启动了，还是非常简单高效的。

补充

听说如果要解决第三方库问题还需需修改 webpack.base.conf.js，具体如下：

module:{
  rules:[
    {
      test: /\\.js$/,
      loader: \'babel-loader\',
      include: [resolve(\'src\'), resolve(\'test\'), resolve(\'node_modules/webpack-dev-server/client\'), resolve(\'第三方库的路径\')]
    }
  ]
}

不过Java潘老师没用到这个一步，虽然不知道是什么原来，但上面的操作就已经解决问题了。