使用 jest 和 css-modules 测试 React 组件时出错

2024-01-20

我正在尝试测试我的组件jest, react, redux但我不断收到以下错误:

 ● Test suite failed to run
        stream-react-redux/src/containers/App/App.css:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.app {

    SyntaxError: Unexpected token .

我已按照有关如何添加的说明进行操作identity-obj-proxy并配置我的.jestrc文件,但我不断收到相同的错误。当我开始使用时问题就出现了CSS 模块并将它们导入我的组件中

这是我的.jestrc:

{
  "moduleFileExtensions": [ "js", "jsx"],
  "moduleNameMapper": {
    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
    "^.+\\.(css)$": "identity-obj-proxy"
  },
  "transform": {
    "^.+\\.(js|jsx)$": "babel-jest"
  },
  "verbose": true
}

我还添加了["es2015", { "modules": false } ]在我的里面.babelrc file.


所以在尝试了一切之后,我仍然遇到同样的错误。

我刚刚注意到的是,当我在 a 中指定我的配置时.jestrc归档我的测试刹车,因为.css,但是当我从package.json一切正常。

EDIT

#package.json


  "jest": {
    "moduleNameMapper": {
      "\\.css$": "identity-obj-proxy"
    }, 
    "transform": {
      "\\.js$": "babel-jest"
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jest 和 css-modules 测试 React 组件时出错 的相关文章

随机推荐