Uibuilder initial vuejs page empty

I get a blank page when setting the Template Settings to Simple VueJS. The Blank Template works.
Console logs:

<ip>:1880/uibuilder/vendor/vue/dist/vue.js      [HTTP/1.1 404 Not Found 4ms]

But i have installed vue over the built in Front-End Library Manager.
Bildschirmfoto 2022-02-18 um 22.34.24

I have my node-red in a docker-compose installation
after entering the container with

docker exec -it mynodered /bin/bash

I was able to install:

npm install vue@"2.*" bootstrap-vue@"2.*"
npm list vue
node-red-docker@2.2.2 /usr/src/node-red
`-- vue@2.6.14 
npm list bootstrap-vue
node-red-docker@2.2.2 /usr/src/node-red
`-- bootstrap-vue@2.21.2 

rebooted the container and it worked.

rolling back and installing latest v3 versions

npm remove vue bootstrap-vue
npm install vue bootstrap-vue
npm list vue
node-red-docker@2.2.2 /usr/src/node-red
`-- vue@3.2.31 
npm list bootstrap-vue
node-red-docker@2.2.2 /usr/src/node-red
`-- bootstrap-vue@2.21.2 

Leads to the failure again. So, it's quite sure some breaking changes in vue maybe v2 vs. v3

But I didn't find this information by search here, so I leave it as solution to everybody who searches the forum for uibuilder page empty...

Maybe some better dev's than I, can enhance the Front-End Library Manager with version numbers inline each package someday.

Your wish is my command! :grinning:

Yes, I already had that covered and it is going live with v5. You can test it now by manually installing vNext from GitHub with cd ~/.node-red && npm install totallyinformation/node-red-contrib-uibuilder#vNext.

I'm down to the last few issues with v5 now and I'm hoping to publish very soon.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.