# Uibuilder initial vuejs page empty

**URL:** <https://discourse.nodered.org/t/uibuilder-initial-vuejs-page-empty/58626>\
**Category:** General\
**Tags:** uibuilder\
**Created:** [18 February 2022 22:09 UTC](https://discourse.nodered.org/t/uibuilder-initial-vuejs-page-empty/58626 "2022-02-18T22:09:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![novski](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/novski/32/23243_2.png) [@novski](https://discourse.nodered.org/u/novski)\
**Post date:** [18 February 2022 22:09 UTC](https://discourse.nodered.org/t/uibuilder-initial-vuejs-page-empty/58626/1 "2022-02-18T22:09:31Z")

</div>

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

```auto
<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](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/a/eaf6e3f66ef29e9523e2b54f563b43742645a944.png)

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

```auto
docker exec -it mynodered /bin/bash

```

I was able to install:

```auto
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

```auto
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.

---

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [18 February 2022 22:17 UTC](https://discourse.nodered.org/t/uibuilder-initial-vuejs-page-empty/58626/2 "2022-02-18T22:17:40Z")

</div>

> [@novski](#):
>
> 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! 😀

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/0/30e74ea743c4563992eb46176f0178b9fd7eadc4.png)

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.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [30 March 2022 08:28 UTC](https://discourse.nodered.org/t/uibuilder-initial-vuejs-page-empty/58626/3 "2022-03-30T08:28:19Z")

</div>

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