我正试图让我的开玩笑测试运行。我在SyntaxError: Unexpected token export
线上得到错误export default configureStore
...特别是在'export'这个词上。对我来说这表明redux-mock-store
没有被Babel描述,所以我怎么能用Jest强迫这个呢?我正在使用jest-webpack。
ContractsActions.test.js
import * as contractsActions from './contractsActions';
import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';
const middlewares = [thunk]
const mockStore = configureMockStore(middlewares);
describe('async actions', () => {
const store = mockStore({})
return store.dispatch(contractsActions.fetchAllContracts()).then(() => {
//Do something
})
});
的package.json
...
"scripts": {
"test": "jest-webpack",
...
"jest": {
"transformIgnorePatterns": [
"!node_modules/"
]
}
...
webpack.config.js
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query:
{
presets:['es2015', 'react', 'stage-2']
}
}
]
},
resolve: {
extensions: ['.js', '.jsx'],
alias: {
react: path.resolve('./node_modules/react'),
}
},
我最后通过创建一个单独的.babelrc文件来解决这个问题,而不是尝试在package.json中设置babel配置设置。我确定我尝试过的其他步骤可能有所贡献,但这似乎是解决它的问题。
.babelrc
{
"presets": [["es2015", {"modules": false}]],
"env": {
"test": {
"plugins": ["transform-es2015-modules-commonjs"]
}
}
}
看看那个包装中的package.json
:
https://github.com/arnaudbenard/redux-mock-store/blob/master/package.json
你可以看到它提供了不同的切入点:
"main": "dist/index-cjs.js",
"module": "dist/index-es.js",
"js:next": "dist/index-es.js",
"browser": "dist/index.min.js",
检查你的node_modules/redux-mock-store
是否有dist
文件夹。如果没有,请启动适合您要求的构建(也在package.json
中列出):
"build:cjs": "babel src --out-file dist/index-cjs.js",
"build:umd": "cross-env BABEL_ENV=es NODE_ENV=development rollup -f umd -c -i src/index.js -o dist/index-umd.js",
"build:umd:min": "cross-env BABEL_ENV=es NODE_ENV=production rollup -f umd -c -i src/index.js -o dist/index-umd.min.js",
"build:es": "cross-env BABEL_ENV=es NODE_ENV=development rollup -f es -c -i src/index.js -o dist/index-es.js",
"build": "npm run build:umd && npm run build:umd:min && npm run build:es && npm run build:cjs",
我不知道哪些版本可以构建适合你,但我认为其中一个版本将是。在最坏的情况下,在npm i && npm run build:cjs
开始node_modules/redux-mock-store
并采用CommonJS require
语法:
const configureMockStore = require('redux-mock-store/dist/index-cjs.js');
真的希望这能解决你的问题,至少这些是我会尝试的步骤。