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

Question

我正在尝试用笛卡尔图表构建一个简单的ExtReact应用程序。我发现我可以添加大多数ExtReact组件（例如Container，Grid，Button等），但是图表使我有些痛苦。在我尝试过的两个Ext框架（ExtReact，Vue中的Ext Web Components）中，我都遇到了以下问题。 Sencha论坛上说这是一个缺少的软件包，但是我同时包含了@sencha/ext-react-modern和@sencha/ext-charts软件包，以及它们的Github代码导入笛卡尔图表，就像我做的一样（使用@sencha/ext-react-modern导入。这是我的主要内容反应班。

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设置教程重新启动了一个全新的项目，它正常工作。