Reactjs 笑话：为什么它在SyntaxerError中失败：意外的令牌。对于css类？

我编写了一个React应用程序，并使用jest编写单元测试

当我通过“jest--config=jest.config.json--watch”运行它时，会出现以下错误：

测试套件无法运行

“：函数（模块，导出，require，_dirname，_filename，global，jest）{.bluePawn， .blueMasterPawn、.redPawn、.redMasterPawn{ ^ SyntaxError:意外标记

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)
  at Object.<anonymous> (src/MasterPawn.js:3:1)
  at Object.<anonymous> (src/Utils.js:3:19)

在ScriptTransformer.\u transformAndBuildScript（节点\u modules/jest runtime/build/ScriptTransformer.js:289:17）
at对象。（src/MasterPawn.js:3:1）
at对象。（src/Utils.js:3:19）

我只想指出编译器标记了“.bluePawn”，这是一个类名。因此，我理解它不能读取类名

这似乎与配置有关。

---

我在网上搜索，没有找到任何能帮助我的解决方案。

在

src

中创建一个名为

stub.css

的空css文件

然后将其添加到您的

包.json

：

"jest": {
    "moduleNameMapper": {
      ".*css$": "<rootDir>/src/stub.css",
    },

“开玩笑”：{
“moduleNameMapper”：{
“*css$”：“/src/stub.css”，
},

您是否在组件中导入了任何

css

文件？是的。css文件已导入到我的组件Hanks中，但现在我看到错误发生了变化：它看起来像是与测试本身相关的错误，而不是

jest

"jest": {
    "moduleNameMapper": {
      ".*css$": "<rootDir>/src/stub.css",
    },