测试react-jss + react +开玩笑

问题描述

每当在组件中使用jss时，都会出现此错误。

jest.config.json

{
  "moduleDirectories": [
    "node_modules","src"
  ],"moduleFileExtensions": [
    "ts","tsx","js","jsx","json","node"
  ],"moduleNameMapper": {
    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|pdf)$": "identity-obj-proxy"
  },"preset": "ts-jest","roots": [
    "<rootDir>/src"
  ],"setupFilesAfterEnv": [
    "<rootDir>/src/setupTests.js"
  ],"testEnvironment": "jsdom","testPathIgnorePatterns": [
    "/node_modules/"
  ],"testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(j|t)s(x)?$","transform": {
    "^.+\\.tsx?$": "ts-jest","^.+\\.jsx?$": "babel-jest"
  },"verbose": true
}

babel.config.json

{
  "presets": [
    "@babel/preset-react",[
      "@babel/preset-env",{
        "targets": {
          "ie": "11","browsers": [
            "last 2 versions"
          ]
        },"modules": false,"useBuiltIns": "entry","corejs": "3.0.0"
      }
    ],"@babel/preset-typescript"
  ],"plugins": [
    "@babel/plugin-transform-modules-commonjs",["@babel/plugin-transform-runtime",{
        "regenerator": true,"runtimeHelpers": true
      }
    ],"@babel/plugin-syntax-dynamic-import","@babel/plugin-proposal-object-rest-spread","@babel/plugin-proposal-class-properties","@babel/plugin-proposal-export-default-from","@babel/plugin-proposal-export-namespace-from"
  ]
}

tsconfig.json

{
  "compilerOptions": {
    "types": ["node","jest","enzyme"],"declaration": true,"jsx": "react",// Target latest version of ECMAScript.
    "target": "esnext",// Search under node_modules for non-relative imports.
    "moduleResolution": "node","noImplicitAny": false,// Process & infer types from .js files.
    "allowJs": true,// Don't emit; allow Babel to transform files.
    "noEmit": false,"module": "esnext",// Enable strictest settings like strictNullChecks & noImplicitAny.
    "strict": true,// Disallow features that require cross-file information for emit.
    "isolatedModules": true,// Import non-ES modules as default imports.
    "esModuleInterop": true,"baseUrl": "./src","paths": {
      "components/*": ["./components/*"],"router/*": ["./router/*"],"utils/*": ["./utils/*"],"state/*": ["./state/*"],"types/*": ["./types/*"],"assets/*": ["./assets/*"]
    }
  },"declarationDir": "./src/build","include": ["./src"],"exclude": ["node_modules","./src/setupTests.js"]

}

setupTests.js

const enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');

enzyme.configure({ adapter: new Adapter() });

我不明白为什么会收到此错误，如果不使用jss，一切都会很好。我可以对react-jss进行模拟，但这不是一个选择。我也在互联网上搜索了各种答案，但没有任何帮助。也许有人遇到过这样的问题？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）