javascript - 如何解决 webpack 2 错误，模块构建失败 :SyntaxError, ，？

Question

我克隆了这个reactjs/webpack2存储库:

https://github.com/ModusCreateOrg/budgeting-sample-app

效果很好，但我正在尝试并使用一些属性/扩展更改了 index.js 文件:

 let myprops = [1,2];
 let copyprops = {...myprops};

当我运行 npm start 时，出现构建错误:

Module build failed: SyntaxError: .../index.js:Unexpected token

它指的是带有扩展运算符的行，我该如何解决这个问题？另请参阅:repo

Answer 1

如果您没有更改该存储库中包含的预设，那么展开运算符将不会像您注意到的那样工作。

扩展运算符实际上是 stage2 预设的一部分。您可以在这里找到更多信息 https://github.com/babel/babel-loader/issues/170

因此，为了使您的代码正常工作，您需要确保已安装 babel-preset-stage-2 并将其设置为 中的预设。 babelrc

https://www.npmjs.com/package/babel-preset-stage-2