开玩笑测试错误：意外的令牌<答案

【问题标题】：Jest testing error: Unexpected token <开玩笑测试错误：意外的令牌<
【发布时间】：2017-08-04 12:36:36
【问题描述】：

我正在尝试使用 Jest 测试我的组件。我相信我已经安装了运行测试所需的所有模块。我做的最后一件事是运行

yarn add -D babel-plugin-transform-es2015-modules-commonjs.

这是我尝试做一个简单的 Jest 测试时的代码：

import React, { Component } from 'react';
import { shallow } from 'enzyme';
import Market from '../src/components/Market.js';

test('Market should render as expected', () => {
  const component = shallow(<Market />);
  console.log(component);
});

控制台上的错误消息指向第 6 行调用 Market 组件开始时的第一个 <。

【问题讨论】：

显示你的 babel 配置
你安装babel-jest了吗？
已经安装了 babel-jest。我使用了 create-react-app；所以 babel 配置是自动的。

标签： reactjs testing jsx jestjs

【解决方案1】：

我有同样的问题。添加变换或任何东西都没有解决它。所以我最后添加了 .babelrc 文件并添加了以下配置并且它起作用了。

 {
    "presets": ["es2015", "react"]
 }

希望这会对你有所帮助。

【讨论】：