javascript - 开 Jest 意外的 token (15 :29) on "<"

Question

我在我的 React 应用程序上运行了 Jest ，并且正在尝试运行测试，但出现错误。当我使用 "scripts": {"test": "react-scripts test --env=jsdom"} 运行测试时几乎每个测试都有效。我不得不将测试仪更改为 "test":"jest"让最后一个测试正常工作，但现在测试在编译时崩溃，因为多个 shallow(<ReactPage />) 中的 <正在抛出一个错误。

根据我对代码的理解，我的测试应该没问题。我应该在 project.json 文件中进行一些 Jest 设置来修复此错误吗？

测试

import {shallow, mount, configure} from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import ReactDOM from 'react-dom';
import jest from 'jest';
import ReactPage from './App';

configure({ adapter: new Adapter() });

it('renders ReactPage without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render( <ReactPage /> , div);
  ReactDOM.unmountComponentAtNode(div);
});

package.json

{
  "name": "client-charts",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "async": "^2.6.1",
    "moment": "^2.22.2",
    "react": "^16.4.2",
    "react-dom": "^16.4.1",
    "react-scripts": "1.1.4",
    "recharts": "^1.1.0",
    "react-table": "^6.8.6",
    "react-snapshot": "^1.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build && react-snapshot",
    "test": "jest",
    "eject": "react-scripts eject"
  },
  "proxy": "http://localhost:5000",
  "devDependencies": {
    "enzyme": "^3.3.0",
    "enzyme-adapter-react-16": "^1.1.1",
    "jest": "^20.0.4"
  }
}

Answer 1

您缺少处理 JSX 的步骤。如果您使用 babel，请将 react 预设添加到您的 .babelrc 文件中。更多信息可以在这里找到:https://jestjs.io/docs/en/getting-started#additional-configuration