Javascript ';Jest在react应用程序上遇到意外的令牌{';错误
我似乎无法克服这个问题。我已经尝试了所有我可以在网上找到的关于这个问题的方法(很多!),但它似乎无法解决。以下是配置 package.jsonJavascript ';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",
{
"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”},…