Webpack / Babel / React-“未捕获的SyntaxError：意外令牌：”

Question

我有一个正在运行的webpack-dev-server可以编译并提供一些Babel / React代码。 我已经尽力让它通过localhost:3001服务于已编译的client.js 。

但是，当我尝试将脚本包含在HTML中时，我在Chrome开发人员控制台中收到以下错误：

routerWarning.js:19 Uncaught SyntaxError: Unexpected token :

该行属于react-router，包含以下代码：

process.env.NODE_ENV !== 'production' ? _warning2['default'].apply(undefined, [falseToWarn, message].concat(args)) : undefined;

首先，我看不到这行代码将如何导致语法错误。 其次，我不知道它是如何进入的，因为对我来说，这看起来像一段经过编译（精化）的代码。 最后，我不知道该如何解决！ :(

任何帮助将不胜感激。

Answer 1

我正在使用webpack的DefinePlugin来设置process.env.BABEL_ENV如下所示：

new DefinePlugin({
  'process.env': {
    BABEL_ENV: JSON.stringify('client')
  }
});

这导致webpack用{"BABEL_ENV":"client"}替换代码中所有process.env实例。 SyntaxError是在此部分而不是在三元表达式中引起的。

我通过设置process.env.BABEL_ENV修复它，如下所示：

new DefinePlugin({
  'process.env.BABEL_ENV': JSON.stringify('client')
});