Reactjs Jest遇到了意外的标记，并且没有'；t识别ES6和JSX

Jest不认识JSX和ES6。我也在使用网页包版本3。我最近还将弃用的babel软件包更新为最新版本

[！[在此处输入图像描述]

jest.config.js：

    module.exports = {
        verbose: true,
        transform: {
            "^.+\\.jsx?$": "babel-jest"
            },
        "transformIgnorePatterns": [
                "<rootDir>/node_modules/(?!@babel).+\\.js$"
              ],
    }

我的测试文件：

import React from 'react';
import ReactDom from 'react-dom';
import {render} from '@testing-library/react';
import AccessSeeker from './AccessSeeker';
// import Home from './Home'
// import BankStatementPage from './BankStatementPage';

test('renders', () => {
    render(<AccessSeeker/>)
})

从“React”导入React；
从“react dom”导入react dom；
从'@testing library/react'导入{render}；
从“/AccessSeek”导入AccessSeek；
//从“./主页”导入主页
//从“/BankStatementPage”导入BankStatementPage；
测试（'呈现'，（）=>{
render（）
})

问题在于jest无法解决测试过程中通常忽略的css文件。您可以通过将其模拟为添加以下配置来实现这一点：

moduleNameMapper:{
“^.+（css | styl | less | sass | scss | png | jpg | ttf | woff | woff2）$”：“jest transform存根”
}
//请记住在使用之前安装'npmi-D jest transform stub'

你能截取整个屏幕以查看错误指向何处吗？添加，查看上面的请修复！！！！谢谢我的朋友！！！你救了我的命

import React from 'react';
import ReactDom from 'react-dom';
import {render} from '@testing-library/react';
import AccessSeeker from './AccessSeeker';
// import Home from './Home'
// import BankStatementPage from './BankStatementPage';

test('renders', () => {
    render(<AccessSeeker/>)
})