时间戳

首页 > 解决方案 > 为什么使用 react-vis 图表运行“安装组件”Jest 测试时出现“意外标识符”错误？

reactjs - 为什么使用 react-vis 图表运行“安装组件”Jest 测试时出现“意外标识符”错误？

问题描述

我正在尝试在 Jest 中运行基本的“安装 React 组件”测试。测试是

test("Create App component", () => {
  const div = document.createElement("div");
  ReactDOM.render(<App />, div);
  ReactDOM.unmountComponentAtNode(div);
});

测试基础设施是使用create-react-app.

该App组件有一个使用组件的子react-vis组件。

当我尝试运行测试时，出现以下错误

import _AbstractSeries from './plot/series/abstract-series';
        ^^^^^^^^^^^^^^^

    SyntaxError: Unexpected identifier

    2 | import PropTypes from "prop-types";
    3 | import { withStyles } from "@material-ui/core/styles";
    > 4 | import {
        | ^
    5 |   AreaSeries,
    6 |   Crosshair,
    7 |   CustomSVGSeries,

    at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
    at Object.<anonymous> (src/components/Charts/MyCustomChart.js:4:1)

关于如何让这个测试工作的任何建议？

标签： reactjsunit-testingjestjsreact-vis

解决方案

经过大量搜索和推迟，我找到了解决方案。

我发现了一条同样失败的管道： https ://git.fluidware.it/milanoscaloromana/fcub/-/jobs/731

然后我按照步骤查看它是如何修复的： https ://git.fluidware.it/milanoscaloromana/fcub/commit/ec52c35284fd32039f256c4492e562a6180e51cc

您需要从而react-vis不是导入react-vis/es。WebStorm/es出于某种原因自动从包中导入。

推荐阅读