运行玩笑测试时意外导入令牌

Question

首先，我只想说在问这个问题之前我进行了很多搜索和尝试，并且看到了很多类似的话题，但是有人给了我答案。

我正在使用react，redux，redux形式，webpack，css模块。

并尝试通过玩笑来测试我的项目，我得到此错误：

C：\\ PROJECT \\ node_modules \\ redux-form \\ es \\ getFormValues.js：1

从'./selectors/getFormValues'导入createGetFormValues;

^^^^^^ SyntaxError：意外的令牌导入

我认为redux-form在测试前不会编译为es5。

我的test.test.js看起来像：

import React from 'react';
import {configure,render} from 'enzyme';
import Adapter from 'enzyme-adapter-react-15';

import TestComponent from '../../../components/TestComponent ';

describe('TestComponent ', () => {
    configure({adapter: new Adapter()});

    it('snapshot', () => {
        expect(render(<TestComponent/>)).toMatchSnapshot();
    });
});

我的.babaelrc配置文件如下所示：

{
  "presets": [
    "es2015",
    "react"
  ],
  "plugins": [
    "transform-class-properties",
    "transform-decorators",
    "transform-object-rest-spread"
  ]
}

我的package.json开玩笑的配置如下所示：

"jest": {
    "collectCoverageFrom": [
      "PROJECT/**/*.{js}"
    ],
    "moduleNameMapper": {
      "\\.(css|scss)$": "identity-obj-proxy"
    }
  }

开玩笑，我应该如何正确配置它以确保没有任何错误？

Answer 1

我需要从以下位置更改组件的导入：

import getFormValuesfrom "redux-form\es\getFormValues";

至

import { getFormValues} from "redux-form"