开玩笑测试错误，React组件导入.less样式

Question

我有一个React（jsx）组件，该组件导入一个.less样式表以提供样式。 import './Landing.less'在我的React类中被调用。

当我尝试使用Jest测试此文件时，出现意外的字符串错误，其中Jest不知道如何处理.less导入。

({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import '../../style/index.less'; // style dependencies

我已经通过包含styleMock.js文件和Jest配置来尝试文档修复。

请在下面查看我的笑话配置和styleMock JS文件。

"jest": {
    "moduleDirectories": [
      "src",
      "node_modules"
    ],
    "moduleNameMapper": {
      "\\.(css|less)$": "<rootDir>/utils/CSSStub.js"
    },
    "collectCoverageFrom": [
      "src/**/*.jsx",
      "!**/node_modules/**"
    ]
  }

CSSStub.js

module.exports = {};

在这种配置下，我没有获得如此成功。有什么想法吗？

谢谢