Question

我在运行 npm run dev 时收到错误 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.。我对 React 很陌生，知识有限；我目前正在学习一个教程，但在设置 React 时迷路了。在我的“预设”部分，我已经有 @babel/preset-react 了，所以我不知道为什么会发生错误或如何修复它。

这是我的 babel.config.JSON：

  
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "10"
        }
      }
    ],
    "@babel/preset-react"
  ],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

错误：

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 Parser._raise (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:775:17)
    at Parser.raiseWithData (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:768:17)
    at Parser.expectOnePlugin (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:9731:18)
    at Parser.parseExprAtom (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:11106:22)
    at Parser.parseExprSubscripts (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10689:23)
    at Parser.parseUpdate (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10669:21)
    at Parser.parseMaybeUnary (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10647:23)
    at Parser.parseExprOps (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10504:23)
    at Parser.parseMaybeConditional (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10478:23)
    at Parser.parseMaybeAssign (C:\Users\andrew.bregman\Documents\AppDev\reactUI\frontend\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10441:21)
 @ ./src/index.js 1:0-35

Answer 1

考虑将您的 babel.config.json 文件重命名为 .babelrc

设置 React 和运行 npm run dev 时遇到问题

1 个答案: