Я пытаюсь создать простое приложение ExtReact с декартовой диаграммой. Я обнаружил, что могу добавить большинство компонентов ExtReact (таких как Container, Grid, Button и т. Д. c), но графики причиняют мне некоторую боль. Я столкнулся со следующей проблемой в обеих средах Ext, которые я пробовал (ExtReact, Ext Web Components в Vue). Форумы 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
Очевидно, мое приложение не импортирует правильные пакеты, но я не знаю, какие пакеты мне не хватает (или, возможно, есть другая проблема).