ExtReact -包括笛卡尔图表会在控制台中抛出错误

Question

我正在尝试使用笛卡尔图表构建一个简单的ExtReact应用程序。我发现我可以添加大多数ExtReact组件(如容器、网格、按钮等)，但是图表给我带来了一些麻烦。在我尝试过的两个Ext框架(ExtReact和Vue中的Ext组件)中，我都遇到了以下问题。Sencha论坛说它是一个缺少的包，但我已经包含了@sencha/ext-react-modern和@sencha/ext-charts包，加上他们的Github代码导入笛卡尔图表的方式与我正在做的相同(使用@sencha/ext-react-modern导入。下面是我的主要react类。

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 */
            />
        )
    }
}

控制台给出了以下两个错误：

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

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

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

Answer 1

最后，我认为这是一个package.json问题。按照ExtReact设置教程，我重新启动了一个全新的项目，它起作用了。