玩笑错误意外令牌...(ES6)
问题描述:
每当我在命令行中开玩笑时,我都会收到以下错误消息:
I am getting the following error whenever I run jest in commandline:
● Test suite failed to run
/Users/<USER>/<Project>/src/login/LoginAPI.js:13
...headers,
^^^
SyntaxError: Unexpected token ...
它破坏的代码使用ES6省略号:
The code that it breaks on uses ES6 ellipses:
headers: {
...headers
},
这是我的.babelrc文件的样子:
This is what my .babelrc file looks like:
{ "presets":["env", "react"] }
这就是我的package.json中的内容:
And this is what I have in my package.json:
"dependencies": {
"express": "^4.15.4",
"express-healthcheck": "^0.1.0",
"js-cookie": "^2.1.4",
"normalize.css": "^7.0.0",
"query-string": "^5.0.0",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-router-dom": "^4.2.2"
},
"devDependencies": {
"babel-jest": "^21.2.0",
"babel-preset-env": "^1.6.1",
"babel-preset-es2015": "^6.24.1",
"enzyme": "^3.1.0",
"enzyme-adapter-react-15": "^1.0.2",
"jest": "^21.2.1",
"jest-cli": "^21.2.1",
"react-scripts": "1.0.10"
},
"jest": {
"moduleNameMapper": {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
"\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js"
},
"moduleFileExtensions": ["js"],
"moduleDirectories": [
"node_modules",
"bower_components",
"shared"
],
"testPathIgnorePatterns": [
"/node_modules/",
"/yarn-cache/"
]
}
答
您需要为此语法使用特定的babel预设. 检查此预设
You need to use a specific babel preset for this syntax. Check this preset
npm install --save-dev babel-plugin-transform-object-rest-spread
然后将其添加到您的.babelrc
And then add this to your .babelrc
{
"plugins": ["transform-object-rest-spread"]
}
您可能要添加 stage-2 ,因为它具有更多功能ES6好东西.
You might want to add stage-2 as it has more ES6 goodies.