Can't install an extension on my project

Wappler General Need Help
, ,
1

Hi,

Just tried to install an extension on my project following the instructions in this tutorial, also tried to add from terminal, then restarted Wappler, but it doesn’t come up on the component list.

image

image
image997×370 101 KB

image
image1040×827 108 KB

Could someone point me to the right direction, what should I do?

Many thanks!
Gabor

2

Have a look at this video, starting at 1 minute into the video:

1 Like
3

Thanks @ben! Unfortunately it didn’t help, not even sure that the extension has been installed at all.
Projects settings/Extensions window seems to be updating the project.json:

image

But still not showing up in the component list.

4

@Teodor, do you have any idea, what could be the problem? Tried to install Ben’s youtube video player extension as well and got the same result, does not come up in the component list.

5

Hi Gabor,

Extensions should be automatically installed when you save your project options. You should see that happening in the output in the publishing panel below.

So there is no need to do any npm install or so - specially what I see that you are doing npm install in your docker containers where your site code is but nothing to do with Wappler’s working and extensions.

6

Hi George,

Tried both ways, I can see the output saying installing extension, then it updates the project.json successfully, the only part missing is the actual component icon appearing in wappler. I created this project probably years ago, not sure if matters, my next idea is to import as a new project with an optional full wappler reinstall if you don’t have a better idea what else could I check.

Gabor

7

Can you check on node_modules folder?

In Ken’s extension you’re pointing, should be something like:
wappler_infinity_scroll
image

Tested and have no issues.

8

Hi Francisco,

Thanks for your input! Yes, I have that folder with the same content!

Gabor

9

And where are you trying to insert the infinity scroll? Maybe it is not available everywhere

Are you using Bootstrap 5?

10

Yes, Bootstrap 5 (built in bootswatch theme).

Tried to insert everywhere I could imagine, on both layout and content pages, App, a Section where I have all the components, Container and the repeat itself.

11

Bump for this,
i've the exact same problem,
no matter if the extension come from npm or is created by me, i cannot see the extension in the app components selector.
I'm using Wappler 7 Beta 3

12

Hello @FaberLudum and welcome to the community..
Have you fully restarted Wappler including quit from tray icon?

13

Hi @franse thanks for your reply and for the welcoming!

Yes, i've restarted wappler even from the tray icon and also killing the process in the task manager.
Unfortunately even in this way the extensions still doesn't work :frowning:

14

May be a daft one but it is mentioned you are using docker.
You may need to publish to your docker container to make it available

15

Hi @Hyperbytes thanks for your reply!

Yes, i'm using docker and i've tried in this moment to publish the container but still doesn't work.

I've also installed wappler on another pc to see if the environment was the problem but also in the other pc i get the same problem

16

Ok i don't know why but i've solved the problem,

These was the steps i've done to solve the problem, maybe in the future someone can find that usefull :slight_smile: .

  • in the app local folder from terminal run: "npm install"
  • after that run "npm update"
  • quit wappler (also on the tray icon)
  • open wappler and voilà the extensions are in their place now.

I don't know but i think is something related to the node package manager.

But as the old saying goes: "If it works, don't touch it" (and i will add: "If it works, don't question" :laughing:)

Thanks to everyone for the kind support!
This community is amazing.

2 Likes