支持实验性语法“jsx”；从 Babel 6 升级到 Babel 7 时当前未启用

Question

我正在尝试将React-Text面具库升级到Babel 7和React 17。

为此我分叉： https://github.com/text-mask/text-mask/text-mask/text-mask

在这里： https://github.com/github.com/tlg-265/ react-text蒙版-17

然后我尝试通过以下命令升级babel：

$ npx babel-upgrade --write

您可以通过此操作轻松安装它：

$ git clone https://github.com/tlg-265/react-text-mask-react-17
$ cd react-text-mask-react-17
$ npm i

我的问题是：当我运行它时：

$ npm run react:dev

我遇到了这个错误：

Support for the experimental syntax 'jsx' isn't currently enabled

您可以在这里看到：

ERROR in ./react/example/index.js
Module build failed: SyntaxError: C:\react-text-mask-react-17\react\example\index.js: Support for the experimental syntax 'jsx' isn't currently enabled (6:3):

  4 |
  5 | ReactDOM.render(
> 6 |   <App/>,
    |   ^
  7 |   document.querySelector('#content')
  8 | )
  9 |

Add @babel/preset-react (https://git.io/JfeDR) to the 'presets' section of your Babel config to enable transformation.
If you want to leave it as-is, add @babel/plugin-syntax-jsx (https://git.io/vb4yA) to the 'plugins' section to enable parsing.
    at instantiate (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:72:32)
    at constructor (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:358:12)
    at Parser.raise (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:3334:19)
    at Parser.expectOnePlugin (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:3391:18)
    at Parser.parseExprAtom (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12969:18)
    at Parser.parseExprSubscripts (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12539:23)
    at Parser.parseUpdate (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12518:21)
    at Parser.parseMaybeUnary (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12489:23)
    at Parser.parseMaybeUnaryOrPrivate (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12283:61)
    at Parser.parseExprOps (C:\react-text-mask-react-17\node_modules\@babel\parser\lib\index.js:12290:23)
 @ multi main
webpack: Failed to compile.

关于如何使其起作用的任何想法？

我的系统如下：

$ node -v
v12.16.1

$ npm -v
6.14.8

谢谢！