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

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

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'));

./src/app.jsx中的

错误
模块生成失败：语法错误：意外令牌（6:7）
4 |导入'react select/dist/react select.css'；
5 |
>6 | render（将应用程序放在这里，document.getElementById（'app-root'）；

为什么会这样？

试试这个

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'));

---

从“React”导入React；
从“react dom”导入react dom；
导入“react-select/dist/react-select.css”；
ReactDOM.render(
将应用程序放在此处
，
document.getElementById（'root'）；

通过webpack.config中的设置预设，它终于可以工作了：

预设：['es2015'，'react']

-对于错误

未捕获的语法错误：意外的令牌导入

---

和

npm安装babel-preset-react

+

babel-preset-es2015

相同的错误，仍然表示错误在字符串中

从“react”导入react；从“react dom”导入react dom；导入“react-select/dist/react-select.css”；render（将应用程序放在这里，document.getElementById（'app-root'）谢谢，部分工作正常，但文本呈现的div为空。控制台显示
uncaughtsyntaxerror:uncontractedtokenimport
您是否安装了BabelLoader。这似乎是浏览器无法识别es6的问题