Question

我曾经使用过的代码，但是在对软件包进行了大量重大更新之后，我一直在解决一些错误。现在让我陷入困境的是：

renderDateTextField = (props: TextFieldProps) => {
    return (<TextField
      className={`${styles.datesContainer}  ${styles.textfield}`}
      onClick={props.onClick}
      value={props.value}
      {...props}
    />);
};

这是错误消息：

ERROR in ./src/components/Desk/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /var/www/FlaskApp/people-app-prod/static/src/components/Desk/index.js: Unexpected token, expected "," (604:32)

  602 |     };
  603 | 
> 604 |     renderDateTextField = (props: TextFieldProps) => {
      |                                 ^
  605 |         return (<TextField
  606 |           className={`${styles.datesContainer}  ${styles.textfield}`}
  607 |           onClick={props.onClick}

我个人不熟悉此代码/反应，并且是该项目的新开发人员，试图更新内容。目前尚不清楚问题出在哪里，为什么现在构建时会触发该问题，但是旧版本的软件包没有问题。

编辑：

先前在babel I中使用es2015预设，由于不建议使用es2015 https://babeljs.io/docs/en/babel-preset-es2015，现在已根据babel页面的建议将其更改为@babel/preset-env。我想知道这是否与问题有关。

Answer 1

看起来该代码正在使用Flow键入系统。我将检查Flow是否已正确配置。

尝试使用反应呈现时出现意外的令牌，预期为“，”

1 个答案: