Javascript ';Jest在react应用程序上遇到意外的令牌{';错误

Javascript ';Jest在react应用程序上遇到意外的令牌{';错误,javascript,reactjs,jestjs,babeljs,babel-jest,Javascript,Reactjs,Jestjs,Babeljs,Babel Jest,我似乎无法克服这个问题。我已经尝试了所有我可以在网上找到的关于这个问题的方法(很多!),但它似乎无法解决。以下是配置 package.json { "scripts": { "test": "jest --no-cache", "test:watch": "npm run test -- --watch" }, "devDependencies": { "@babel/core": "^7.5.4",

我似乎无法克服这个问题。我已经尝试了所有我可以在网上找到的关于这个问题的方法(很多!),但它似乎无法解决。以下是配置

package.json

    {
      "scripts": {
        "test": "jest --no-cache",
        "test:watch": "npm run test -- --watch"
      },
      "devDependencies": {
        "@babel/core": "^7.5.4",
        "@babel/plugin-proposal-class-properties": "^7.5.5",
        "@babel/preset-env": "^7.5.4",
        "@babel/preset-flow": "^7.0.0",
        "@babel/preset-react": "^7.0.0",
        "babel-jest": "^24.9.0",
        "babel-loader": "^8.0.6",
        "babel-plugin-lodash": "^3.3.4",
        "babel-plugin-module-resolver": "^3.2.0",
        "babel-plugin-recharts": "^1.2.0",
        "babel-plugin-transform-imports": "^2.0.0",
        "flow-bin": "^0.106.1",
        "flow-typed": "^2.6.1",
        "html-loader": "^0.5.5",
        "html-webpack-plugin": "^3.2.0",
        "jest": "^24.9.0",
        "lodash-webpack-plugin": "^0.11.5",
        "redux-devtools-extension": "^2.13.8",
        "redux-logger": "^3.0.6",
        "webpack": "^4.35.3",
        "webpack-async-chunk-names-plugin": "^0.1.1",
        "webpack-bundle-analyzer": "^3.3.2",
        "webpack-cli": "^3.3.5",
        "webpack-dashboard": "^3.0.7",
        "webpack-dev-server": "^3.7.2",
        "webpack-merge": "^4.2.1"
      },
      "dependencies": {
        "@material-ui/core": "^4.2.0",
        "@material-ui/icons": "^4.2.1",
        "clsx": "1.0.2",
        "fg-loadcss": "^2.1.0",
        "lodash": "^4.17.15",
        "react": "^16.8.6",
        "react-dom": "^16.8.6",
        "react-gradient": "^1.0.1",
        "react-redux": "^7.1.0",
        "react-router-dom": "^5.0.1",
        "recharts": "^1.6.2",
        "redux": "^4.0.4",
        "redux-thunk": "^2.3.0"
      }
    }
jest.config.js

module.exports = {
  "testRegex": "((\\.|/*.)(test))\\.js?$",
  "transform": {
    "^.+\\.(js|ts)x?$": "<rootDir>/node_modules/babel-jest"
  }
}
module.exports = function (api) {
  api.cache(true)

  const presets = [
    ["@babel/preset-env", {"modules": false}],
    ["@babel/preset-flow", {"all": true}],
    "@babel/preset-react",
  ]
  const plugins = [
    "lodash",
    "recharts",
    //"@babel/plugin-proposal-class-properties",
    ["module-resolver", {
      "root": ["./"],
      "alias": {
        "projectRoot": "./",
        "src": "./src/",
      },
    }],
    ["transform-imports", {
      "@material-ui/core": {
        //supports only upto level 2 (@material-ui/core/Tabs/TabIndicator <- level 3 not supported)
        "transform": "@material-ui/core/${member}",
      },
    }],
  ]

  return {
    presets,
    plugins
  }
}
module.exports={
“testRegex”:“(\\.\.\/*)(test))\\\.js?$”,
“转变”:{
“^.+\.(js|ts)x?$”:“/node_modules/babel jest”
}
}
babel.config.js

module.exports = {
  "testRegex": "((\\.|/*.)(test))\\.js?$",
  "transform": {
    "^.+\\.(js|ts)x?$": "<rootDir>/node_modules/babel-jest"
  }
}
module.exports = function (api) {
  api.cache(true)

  const presets = [
    ["@babel/preset-env", {"modules": false}],
    ["@babel/preset-flow", {"all": true}],
    "@babel/preset-react",
  ]
  const plugins = [
    "lodash",
    "recharts",
    //"@babel/plugin-proposal-class-properties",
    ["module-resolver", {
      "root": ["./"],
      "alias": {
        "projectRoot": "./",
        "src": "./src/",
      },
    }],
    ["transform-imports", {
      "@material-ui/core": {
        //supports only upto level 2 (@material-ui/core/Tabs/TabIndicator <- level 3 not supported)
        "transform": "@material-ui/core/${member}",
      },
    }],
  ]

  return {
    presets,
    plugins
  }
}
module.exports=函数(api){
api.cache(true)
常数预设=[
[“@babel/preset env”,{“modules”:false}],
[“@babel/preset flow”,{“all”:true}],
“@babel/reset react”,
]
常量插件=[
“洛达斯”,
“雷查特”,
//“@babel/插件建议类属性”,
[“模块解析器”{
“根”:[“/”],
“别名”:{
“项目根”:“/”,
“src”:“../src/”,
},
}],
[“转换导入”{
“@material ui/core”:{
//仅支持级别2(@material ui/core/Tabs/TabIndicator
从“./utils”导入{getDateString,getTimeString}

这一行表示您的babel没有传输es模块语法

尝试
模块:“cjs”

  const presets = [
    ["@babel/preset-env", {"modules": 'cjs'}],
    ["@babel/preset-flow", {"all": true}],
    "@babel/preset-react",
  ]

似乎您的ts配置没有正确使用babel jest!请尝试使用
“transform”:{“^.+\\(js|ts)x?$”:“babel jest”}
@springer如果你使用的是typescript还是只有babel?我忘了提到我没有使用typescript,只是使用了带有jsnot sur的babel,但是,如果没有加载配置jest,或者包中没有识别babel jest。json请尝试添加jst配置的位置
--config./jest.config.json
,如下所示<代码>{“脚本”:{“测试”:“jest--config./jest.config.json--no cache”,“测试:监视”:“npm运行测试----watch”},…