Babel : SyntaxError: test.jsx: Unexpected token (3:11)

Question

我需要将 jsx 转换为 js.So 我使用 babel 来做到这一点，但是它给出了如图所示的错误 below.Someone 请帮我解决这个问题。

test.jsx:

var HelloMessage = React.createClass({
  render: function() {
    return <div>Hello {this.props.name}</div>;
  }
});

ReactDOM.render(<HelloMessage name="John" />, mountNode);

根据命令 babel test.jsx :

SyntaxError: test.jsx: Unexpected token (3:11)

  1 | var HelloMessage = React.createClass({
  2 |   render: function() {
> 3 |     return <div>Hello {this.props.name}</div>;
    |            ^
  4 |   }
  5 | });
  6 |

Answer 1

您需要安装 React preset 才能将 JSX 转换为 createElement 调用。

来自网站：

安装

npm install babel-preset-react

用法

将以下行添加到您的 .babelrc 文件中：

{
  "presets": ["react"]
}

Babel : SyntaxError: test.jsx: Unexpected token (3:11)

Babel : SyntaxError: test.jsx: Unexpected token (3:11)

javascript

react-jsx

babeljs