Javascript SyntaxError:返回（<；div>；…<；/div>；）的意外标记（61:16）

有一个简单的回报，包括一个分区。似乎巴贝尔加载器是不高兴，不明白为什么。我并不热衷于这样的项目，只是想重建一个老项目。npm运行构建：所有人最终都会对我的返回感到不安，因为它试图推回一个div

如果我拿出那张唱片，就这么做

调试：

Hash: 3fa4f48a100a48c899c6
Version: webpack 4.41.1
Time: 228ms
Built at: 10/13/2019 1:37:03 PM
 1 asset
Entrypoint main = window_size.min.js
[1] ./src/lib/index.js 165 bytes {0} [built]
    + 1 hidden module

ERROR in ./src/lib/components/window_size.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: Unexpected token (61:16)

  59 |             
  60 |             return (
> 61 |                 <div id={id}>
     |                 ^
  62 |                     Width: {width} Height: {height} &nbsp;
  63 |                 </div>
  64 |             );

 @ ./src/lib/index.js 2:0-79 4:0-34

---

JSX语法是巴别塔预设反应的一部分吗？哈哈，我的英雄，修复了。npm安装--保存dev@babel/reset-react

"babel-core": "^6.26.3",
"babel-eslint": "^8.2.3",
"babel-loader": "^7.1.5",
"copyfiles": "^2.0.0",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",