ExtReact - 包含笛卡尔图表会在控制台中引发错误

ExtReact - Including a cartesian chart throws an error in the console

我正在尝试使用笛卡尔图表构建一个简单的 ExtReact 应用程序。我发现我可以添加大多数 ExtReact 组件(如 Container、Grid、Button 等),但图表让我有些痛苦。我已经 运行 在我尝试过的两个 Ext 框架(ExtReact,Vue 中的 Ext Web 组件)中遇到以下问题。 Sencha 论坛说它是一个丢失的包,但我已经包含了 @sencha/ext-react-modern@sencha/ext-charts 包,加上他们的 Github 代码导入笛卡尔图表的方式与我正在做的相同(使用 @sencha/ext-react-modern import. 这是我的主要反应 class.

import React, {Component} from 'react';
import {Cartesian} from '@sencha/ext-react-modern';

Ext.require([
    'Ext.chart.series.Area',
    'Ext.chart.axis.Numeric',
    'Ext.chart.axis.Category'
]);

export default class Main extends Component {

    store = new Ext.data.Store({
        fields: ['time', 'd1', 'd2', 'd3', 'd4' ],
        data: [ /* list of objects */]
    });

    render() {
        return (
            <Cartesian
                /* chart implementation */
            />
        )
    }
}

控制台给出以下 2 个错误:

GET http://localhost:1962/widget/cartesian.js?_dc=1586963634425 404 (Not Found)

Uncaught Error: [Ext.create] Unrecognized class name / alias: widget.cartesian

很明显,我的应用程序没有导入正确的包,但我不知道我缺少哪些包(或者可能存在其他问题)。

最终我认为这是一个 package.json 问题。我按照 ExtReact 设置教程重新启动了一个全新的项目,它成功了。