在 react 中运行 jest test 时，当前未启用对实验性语法“jsx”的支持

Question

得到错误：

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

当我尝试运行一个笑话测试来渲染我的一个反应组件时。 这就是我在 jest.config.js 中的内容：

module.exports = {
  coverageProvider: "v8",
  "setupFiles": [
    "./jest.setup.js"
  ],
  testEnvironment: "jsdom",
};

在 babel.config.js 中：

module.exports = {
  "presets": [
    [
      "@babel/preset-env", {
        "targets": {
          "node": "current"
        }
      },
      "@babel/preset-react"
    ]
  ],
  "plugins": [
    [
      "@babel/plugin-transform-runtime", {
        "regenerator": true
      }
    ],
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-export-default-from",
    ["@babel/plugin-transform-react-jsx", { "pragma":"h" }]
  ],
  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-syntax-dynamic-import"]
};

在 jest.setup.js 中：

globalThis.fetch = require('node-fetch')

在我的 package.json 中：

{
  "dependencies": {
    "@testing-library/user-event": "13.5.0",
    ...
  },
  ...
  "scripts": {
    ...
    "test": "jest",
  },
  "devDependencies": {
    "@babel/core": "^7.17.9",
    "@babel/plugin-transform-react-jsx": "^7.18.10",
    "@babel/plugin-transform-runtime": "7.17.0",
    "@babel/preset-env": "7.16.11",
    "@babel/preset-react": "7.16.7",
    "@testing-library/jest-dom": "^5.16.5",
    "@testing-library/react": "^13.3.0",
    "jest": "^27.5.1"
  }
}

这是我得到的完整回溯：

 SyntaxError: C:\Users\15512\Desktop\django-project\peerplatform\peerplatform-fe\src\tests\userLogin.test.js: Support for the experimental syntax 'jsx' isn't currently enabled (6:12):

      4 |
      5 | test('Login page renders with no errors', () => {
    > 6 |     render(<Login/>)
        |            ^
      7 | })
      8 |

    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.

我的 Babel confif 的预设部分中已经有 @babel/preset-react

更新

我将 a.babelrc 文件添加到我的前端文件夹的根目录并添加了这个

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

但是现在这给了我错误：

   SyntaxError: Unexpected token '<'

      1 | import React, { Component,useState,useEffect,useContext } from "react";
    > 2 | import secure_login from "../../assets/images/secure_login.svg"
        | ^