如何将我的reducer导入reducers.spec.js？

Question

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

  

SyntaxError：意外标识符（{“对象”：功能（模块，导出，要求，__目录名，__文件名，全局，笑话））{从'../LoginPage/actions'导入操作

我的reducers.spec.js文件：

Header set Access-Control-Allow-Origin %{HTTP_HOST}

我的reducers.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
            }]);
    });
    })
})

我尝试导入什么都没有关系。我认为完全导入是行不通的。

Answer 1

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

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

或

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

有关更多信息，您可以在MDN网站上详细了解import和export。