GitHub user TaahirKolia created a discussion: Vis Plugins Assistance

Hi 

I am trying to create the basic "Hello World" Superset plugin. I'm following 
the tutorial on Preset.io 
(https://preset.io/blog/building-custom-viz-plugins-in-superset-v2/) . 

So initially I tried to create the plugin by following all the steps as shown 
in the tutorial and ensured dependancy versions were all as stated in the 
tutorial. 

When I did this, I ran into the following error: 
<img width="855" height="977" alt="Screenshot 2025-08-07 103616" 
src="https://github.com/user-attachments/assets/057cc040-d34c-4b43-8796-a2123e78d671";
 />

I then did some playing around to try and fix the issue but just ended up 
making things worse. So I opted to start afresh and reinstall the distro I was 
using on WSL as well as reinstall superset. I also opted to use a slightly 
newer version of npm and node.js the second time around.

I then attempted this process again and ran into the same problem, except this 
time I ran ```sudo npm install --legacy-pee
r-deps``` before running ```yo @superset-ui/superset``` and it seemed to have 
'removed' the issue. 

<img width="652" height="783" alt="Screenshot 2025-08-07 103757" 
src="https://github.com/user-attachments/assets/f3996849-da6d-4190-a6d2-5fc7f801a7ab";
 />

However after doing this, the same issue arose in the next step when trying to 
build the plugin using ```npm ci```. I then opted to run the following which 
helped remove whatever errors there were (don't think it actually resolved any 
of it though):

<img width="664" height="210" alt="image" 
src="https://github.com/user-attachments/assets/d0434195-a42e-4dc5-8573-ac812cdf4fa8";
 />

When I ran the build, certain modules couldnt be found and I dont think the 
build finished.
<img width="742" height="631" alt="Screenshot 2025-08-07 110310" 
src="https://github.com/user-attachments/assets/4368bb8d-b0ca-45c9-8090-4e20636832cc";
 />

Could anyone assist me by letting me know if and where I am missing something 
and what I am doing wrong. This seems like it should be something that is 
relatively simple, yet I just can't seem to come right with it.

Some details of my development environment during the second attempt are listed 
below:

- Using WSL 2 with Ubuntu 24.04 distro.
- npm: v10.8.2
- node.js:  v18.20.8





GitHub link: https://github.com/apache/superset/discussions/34591

----
This is an automatically sent email for [email protected].
To unsubscribe, please send an email to: 
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to