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潘老师没用到这个一步，虽然不知道是什么原来，但上面的操作就已经解决问题了。

喜欢 (0)赏

【请潘老师喝杯Coffee吧！】

分享 (0)