Module @grafana/ui/components/legends/legends building failed

Grafana Plugin Development
1

I’m trying to develop a simple panel. Everything works fine except when I try to import the ‘Legend’ component. I get the following error:
https://localhost:3000/uploads/short-url/6MHUwdw8gTiidQ9LENHPNyVi3Hm.png

Other imports like 'import {…} from ‘@grafana/ui/components/Graph/GraphWithLegend’ work. My package.json has the @grafana ui, data, toolkit in 7.0.0.

Can somebody help me please?

Thanks!

2

Hi, you need to import LegendList or LegendTable component: https://developers.grafana.com/ui/latest/index.html?path=/docs/visualizations-legend--list

3

Hi! I tried to import LegendList or Legendtable and it didn’t work :frowning: Im importing:

import { LegendDisplayMode } from ‘@grafana/ui/components/Legend/Legend’;

so I can import displayMode={LegendDisplayMode.List} but the error above appears…

4

All the imports should be from @grafana/ui instead from the source files:

import { LegendDisplayMode } from ‘@grafana/ui’;
1 Like
5

Thank you very much! It worked :smile: