0

我正在尝试使用笛卡尔图表构建一个简单的 ExtReact 应用程序。我发现我可以添加大多数 ExtReact 组件（如容器、网格、按钮等），但图表让我有些痛苦。我在尝试过的两个 Ext 框架（ExtReact、Vue 中的 Ext Web 组件）中都遇到了以下问题。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 */
            />
        )
    }
}

控制台给了我以下 2 个错误：

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

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

显然我的应用程序没有导入正确的包，但我不知道我缺少哪些包（或者可能存在不同的问题）。

4

1 回答 1

0

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

于 2020-05-05T15:55:12.177 回答