Reactjs Jest遇到意外标记，因为尝试导入Jest无法分析的文件

PS E:\react\Code\UI>纱线测试 纱线运行v1.17.3 $jest 失败src/App.test.js ● 测试套件无法运行

Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

E:\react\Code\UI\src\mainpage.css:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){body{font-size:12px;font-family:arial,sans-serif;background-size:200% 100%!important;height:100vh}
                                                                                             ^

SyntaxError: Unexpected token {

  1 | import React, { Component } from "react";
> 2 | import "../mainpage.css";
    | ^
  3 | import { connect } from "react-redux";
  4 | import propTypes from "prop-types";
  5 | import { fetchPost } from "../redux/action/postaction";

  at ScriptTransformer._transformAndBuildScript (E:\react../../../../Code/UI/node_modules/@jest/transform/build/ScriptTransformer.js:471:17)
  at ScriptTransformer.transform (E:\react../../../../Code/UI/node_modules/@jest/transform/build/ScriptTransformer.js:513:25)
  at Object.<anonymous> (E:\react../../../../Code/UI/src/page/Header.js:2:1)

Jest遇到意外的令牌
这通常意味着您正试图导入Jest无法解析的文件，例如，它不是纯JavaScript。
默认情况下，如果Jest看到一个Babel配置，它将使用它来转换您的文件，忽略“node_modules”。
以下是您可以做的：
•要转换某些“节点模块”文件，可以在配置中指定自定义“transformIgnorePatterns”。
•如果需要自定义转换，请在配置中指定“转换”选项。
•如果您只是想模拟您的非JS模块（例如二进制资产），您可以使用“moduleNameMapper”配置选项将其剔除。
您将在文档中找到这些配置选项的更多详细信息和示例：
https://jestjs.io/docs/en/configuration.html
细节：
E:\react\Code\UI\src\mainpage.css:1
（{）对象。有关此命令的文档。
模拟css文件
Jest不知道如何处理css文件。你需要在Jest配置中处理它们。这里有非常好的信息

但本质上，您需要在jest配置中添加类似的内容

// package.json (for CSS Modules)
{
  "jest": {
    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
      "\\.(css|less)$": "identity-obj-proxy"
    }
  }
}

//package.json（用于CSS模块）
{
“笑话”：{
“moduleNameMapper”：{
“\ \（jpg | jpeg | png | gif | eot | otf | webp | svg | ttf | woff | woff2 | mp4 | webm | wav | mp3 | m4a | aac | oga |）$”：“/（uu mocks |/uu/fileMock.js，
“\\（css |小于）$”：“标识obj代理”
}
}
}