render 方法中出现意外的标记参数

Question

我正在尝试使用我下载的 React 应用程序启动 Express.js 服务器，但是当我在我的服务器上执行 npm start 时出现错误

ERROR in ./src/app.jsx
Module build failed: SyntaxError: Unexpected token (6:7)
  4 | import 'react-select/dist/react-select.css';
  5 |
> 6 | render(<div>Place your application here</div>, document.getElementById('app-root'));

为什么会这样？

Answer 1

试试这个

import React from 'react';
import ReactDOM from 'react-dom';
import 'react-select/dist/react-select.css';

ReactDOM.render(
  < div > Place your application here < /div>,
  document.getElementById('root'));

Answer 2

终于通过 webpack.config 中的设置预设让它工作了： presets:['es2015','react'] - 错误 Uncaught SyntaxError: Unexpected token import 和 npm install babel-preset-react + babel-preset-es2015

render 方法中出现意外的标记参数

Unexpected token argument in render method

javascript

node.js

reactjs

react-jsx