我正在尝试运行我的玩笑测试。我在export default configureStore
行收到错误SyntaxError: Unexpected token 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
})
});
包.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",
我不知道这些可构建版本中哪个适合您,但我认为其中一个会。在最坏的情况下,从node_modules/redux-mock-store
开始npm i && npm run build:cjs
并诉诸 CommonJS require
语法:
const configureMockStore = require('redux-mock-store/dist/index-cjs.js');
真的希望这能解决你的问题,至少这些是我会尝试的步骤。