Я пытаюсь создать компонент js для трафарета, используя диаграмму vega, согласно руководству vega, я установил 3 пакета:
npm install vega
npm install vega-lite
npm install vega-embed
и пытаюсь импортировать
import { Vega } from 'vega'
и получить это.
Модуль "вега" не имеет экспортированного элемента "Вега"
Кому-нибудь удалось интегрировать вега-чарт в stencil js?
Заранее спасибо!
Согласно документации по использованию:
Использование Vega с упаковщиком. Если вы используете Vega с таким упаковщиком, как rollup.js, вы можете импортировать Vega как модуль.
import * as vega from "vega";
Обратите внимание, что если вы используете его в компоненте с включенным Shadow DOM, вам, вероятно, потребуется передать Vega в конфигурации container
узел DOM вместо селектора CSS:
class MyComponent {
container: HTMLDivElement;
componentDidLoad() {
new vega.View(vega.parse(spec), {
renderer: 'canvas', // renderer (canvas or svg)
container: this.container, // parent DOM container
});
// ...
}
render() {
return <div ref = {el => this.container = el}></div>
}
}
Спасибо, Томас! Работает. Я также нашел другой способ с использованием import embed из 'vega-embed' componentDidLoad() { embed('#viz', this.spec, {actions:false}) } И теперь пытаюсь выяснить, какой способ более распространен
Так что же означает ошибка
Module "vega" has no exported member 'Vega'
? Этот способ импорта Vega не упоминается в документации vega.