如何将我的减速器导入 reducers.spec.js？

Question

当我运行应用程序时 - 一切正常。但是当我运行测试时 - 它失败并出现错误

SyntaxError: Unexpected identifier ({"Object.":function(module,exports,require,__dirname,__filename,global,jest){import actions from '../LoginPage/actions'

我的 reducers.spec.js 文件：

import reducer from '../LoginPage/reducers';

const state = { user: [], isLoading: false };

describe('Login reducer', () => {
    it('should return initial state', () => {
        expect(reducer(undefined, {})).toEqual([
            {
                ...state,
                isLoading: false
            }]);
    });
    })
})

我的 reducers.js 文件：

const requestSignIn = 'REQUEST_SIGN_IN';
const receiveSignIn = 'RECEIVE_SIGN_IN';

const initialState = { user: [], isLoading: false};

export const reducer = (state, action) => {
    state = state || initialState;

    if (action.type === requestSignIn) {
        return {
            ...state,
            isLoading: true
        };
    }

    if (action.type === receiveSignIn) {
        return {
            ...state,
            user: action.user,
            isLoading: false
        };
    }

    return state;
};

我尝试导入什么并不重要。我认为完全导入不起作用。

Answer 1

您有两种选择来解决此问题：

• 您需要在reducers.js 中将export const reducer 更改为export default (state, action) =>。

或

• 在reducers.spec.js 中将import reducer from '../LoginPage/reducers'; 更改为import { reducer} from '../LoginPage/reducers';

有关更多信息，您可以在 MDN 网站上阅读有关 import 和 export 的更多信息。