Question

我克隆了这个reactjs / webpack2 repo：

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

Answer 2

好吧，我会做的。

class App extends Component {
render() {
    let myprops = [1,2];
    let [...a] = myprops;

    return (
        <div className="viewport">

        </div>
    );
}

}

仅用于快速解决方案。参考here。感谢

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

2 个答案: