时间戳

首页 > 解决方案 > 尝试使用反应渲染时出现意外标记，预期“，”

node.js - 尝试使用反应渲染时出现意外标记，预期“，”

问题描述

我曾经工作过的代码，但是在对包进行了很多重大更新之后，我一直在处理一些错误。现在让我陷入困境的是以下内容：

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 Ies2015中使用了预设，现在已更改@babel/preset-env为 babel 页面上的建议，因为不推荐使用 es2015：https ://babeljs.io/docs/en/babel-preset-es2015 。我想知道这是否与问题有关。

标签： node.jsreactjsreact-reduxbabeljsbabel-preset-env

解决方案

看起来该代码正在使用 流类型系统。我会检查是否正确配置了 Flow。

推荐阅读