javascript - Webpack/巴别塔/ react - "Uncaught SyntaxError: Unexpected token :"

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;

首先，我不明白那行代码会如何导致语法错误。其次，我不明白它是如何进入的，因为对我来说这看起来像是一段编译的(babelified)代码。最后，我不知道如何解决它! :(

如有任何帮助，我们将不胜感激。

Answer 1

我使用 webpack 的 DefinePlugin 来设置 process.env.BABEL_ENV 如下:

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

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

我通过像这样设置 process.env.BABEL_ENV 来修复它:

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