B4J Question Try Banano and get the error

Y

yzhy-mail

Member
Reading B4J INI in C:\Users\user1\AppData\Roaming\Anywhere Software\B4J to find Additional Libraries folder...
Found Additional Libraries folder: D:\Android\additional libraries\B4XlibXMLFiles
Starting to transpile...
Building D:\laragon\www\bvad3hello\scripts\app1643164401879.js
Loading layout baselayout...
Loading layout home...
Processing b4xlib: bananovuetifyad3
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
Adding Layout baselayout used by pgindex
Adding Layout home used by viewhome
Merging CSS files...
CSS files are merged in the order you added them
--> D:\laragon\www\bvad3hello\styles\materialdesignicons.min.css
--> D:\laragon\www\bvad3hello\styles\roboto.min.css
--> D:\laragon\www\bvad3hello\styles\info-box.min.css
--> D:\laragon\www\bvad3hello\styles\flowy-vue.css
--> D:\laragon\www\bvad3hello\styles\helpers.min.css
--> D:\laragon\www\bvad3hello\styles\vue-form-wizard.min.css
--> D:\laragon\www\bvad3hello\styles\vjsf.css
--> D:\laragon\www\bvad3hello\styles\loader-1.css
--> D:\laragon\www\bvad3hello\styles\material-ui.min.css
--> D:\laragon\www\bvad3hello\styles\vuetify.min.css
--> D:\laragon\www\bvad3hello\styles\prism.min.css
--> D:\laragon\www\bvad3hello\styles\Chart.min.css
--> D:\laragon\www\bvad3hello\styles\leaflet.css
--> D:\laragon\www\bvad3hello\styles\tippygoogle.css
--> D:\laragon\www\bvad3hello\styles\quill.snow.css
--> D:\laragon\www\bvad3hello\styles\vue2-editor.css
--> D:\laragon\www\bvad3hello\styles\print.min.css
--> D:\laragon\www\bvad3hello\styles\animate.min.css
Merging Javascript files (not used in a Service Worker)...
-> JS files are merged in the order you added them.
--> D:\laragon\www\bvad3hello\scripts\alasql.min.js
--> D:\laragon\www\bvad3hello\scripts\papaparse.min.js
--> D:\laragon\www\bvad3hello\scripts\vue.min.js
--> D:\laragon\www\bvad3hello\scripts\vuetify.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-router.min.js
--> D:\laragon\www\bvad3hello\scripts\dayjs.min.js
--> D:\laragon\www\bvad3hello\scripts\numeral.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-count-to.min.js
--> D:\laragon\www\bvad3hello\scripts\flowy-vue.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\prism.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-prism-component.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify-css.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify-html.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-clipboard.min.js
--> D:\laragon\www\bvad3hello\scripts\lodash.min.js
--> D:\laragon\www\bvad3hello\scripts\markerclustererplus.min.js
--> D:\laragon\www\bvad3hello\scripts\gmap-vue.min.js
--> D:\laragon\www\bvad3hello\scripts\v-blur.min.js
--> D:\laragon\www\bvad3hello\scripts\sweetalert2.all.min.js
--> D:\laragon\www\bvad3hello\scripts\jspdf.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\jspdf.plugin.autotable.min.js
--> D:\laragon\www\bvad3hello\scripts\html2canvas.min.js
--> D:\laragon\www\bvad3hello\scripts\qrcode.min.js
--> D:\laragon\www\bvad3hello\scripts\axios.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-form-wizard.js
--> D:\laragon\www\bvad3hello\scripts\vjsf.js
--> D:\laragon\www\bvad3hello\scripts\fileSaver.min.js
--> D:\laragon\www\bvad3hello\scripts\jszip.min.js
--> D:\laragon\www\bvad3hello\scripts\oxml.min.js
--> D:\laragon\www\bvad3hello\scripts\xlsx.full.min.js
--> D:\laragon\www\bvad3hello\scripts\moment.min.js
--> D:\laragon\www\bvad3hello\scripts\chart.js
--> D:\laragon\www\bvad3hello\scripts\chartjs-adapter-date-fns.bundle.min.js
--> D:\laragon\www\bvad3hello\scripts\chartkick.min.js
--> D:\laragon\www\bvad3hello\scripts\leaflet.js
--> D:\laragon\www\bvad3hello\scripts\vue2-leaflet.min.js
--> D:\laragon\www\bvad3hello\scripts\vue2-leaflet-movingmarker.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\firesql.umd.js
--> D:\laragon\www\bvad3hello\scripts\vue-tippy.min.js
--> D:\laragon\www\bvad3hello\scripts\collect.min.js
--> D:\laragon\www\bvad3hello\scripts\md5.min.js
--> D:\laragon\www\bvad3hello\scripts\vuewebcam.js
--> D:\laragon\www\bvad3hello\scripts\quill.min.js
--> D:\laragon\www\bvad3hello\scripts\vue2-editor.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\VueQrcodeReader.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\anime.min.js
--> D:\laragon\www\bvad3hello\scripts\pouchdb.min.js
--> D:\laragon\www\bvad3hello\scripts\pouchdb.find.js
--> D:\laragon\www\bvad3hello\scripts\vue-beautiful-chat.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\xstate.js
--> D:\laragon\www\bvad3hello\scripts\dragula.min.js
--> D:\laragon\www\bvad3hello\scripts\vkanbanboard.js
--> D:\laragon\www\bvad3hello\scripts\print.min.js
--> D:\laragon\www\bvad3hello\scripts\aes.js
--> D:\laragon\www\bvad3hello\scripts\v-animate-css.js
--> D:\laragon\www\bvad3hello\scripts\lottie.min.js
Building D:\laragon\www\bvad3hello\index.html

The total size of your local CSS and JS files is 11.7MB and another 3.7MB in other assets.
It is very important to only load the JS and CSS files from components that you actually use in your website/webapp!

If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions.
Done!
 
Sort by date Sort by votes
yzhy-mail said:
Reading B4J INI in C:\Users\user1\AppData\Roaming\Anywhere Software\B4J to find Additional Libraries folder...
Found Additional Libraries folder: D:\Android\additional libraries\B4XlibXMLFiles
Starting to transpile...
Building D:\laragon\www\bvad3hello\scripts\app1643164401879.js
Loading layout baselayout...
Loading layout home...
Processing b4xlib: bananovuetifyad3
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
DEPRECIATED: use the normal B4J IiF instead
Adding Layout baselayout used by pgindex
Adding Layout home used by viewhome
Merging CSS files...
CSS files are merged in the order you added them
--> D:\laragon\www\bvad3hello\styles\materialdesignicons.min.css
--> D:\laragon\www\bvad3hello\styles\roboto.min.css
--> D:\laragon\www\bvad3hello\styles\info-box.min.css
--> D:\laragon\www\bvad3hello\styles\flowy-vue.css
--> D:\laragon\www\bvad3hello\styles\helpers.min.css
--> D:\laragon\www\bvad3hello\styles\vue-form-wizard.min.css
--> D:\laragon\www\bvad3hello\styles\vjsf.css
--> D:\laragon\www\bvad3hello\styles\loader-1.css
--> D:\laragon\www\bvad3hello\styles\material-ui.min.css
--> D:\laragon\www\bvad3hello\styles\vuetify.min.css
--> D:\laragon\www\bvad3hello\styles\prism.min.css
--> D:\laragon\www\bvad3hello\styles\Chart.min.css
--> D:\laragon\www\bvad3hello\styles\leaflet.css
--> D:\laragon\www\bvad3hello\styles\tippygoogle.css
--> D:\laragon\www\bvad3hello\styles\quill.snow.css
--> D:\laragon\www\bvad3hello\styles\vue2-editor.css
--> D:\laragon\www\bvad3hello\styles\print.min.css
--> D:\laragon\www\bvad3hello\styles\animate.min.css
Merging Javascript files (not used in a Service Worker)...
-> JS files are merged in the order you added them.
--> D:\laragon\www\bvad3hello\scripts\alasql.min.js
--> D:\laragon\www\bvad3hello\scripts\papaparse.min.js
--> D:\laragon\www\bvad3hello\scripts\vue.min.js
--> D:\laragon\www\bvad3hello\scripts\vuetify.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-router.min.js
--> D:\laragon\www\bvad3hello\scripts\dayjs.min.js
--> D:\laragon\www\bvad3hello\scripts\numeral.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-count-to.min.js
--> D:\laragon\www\bvad3hello\scripts\flowy-vue.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\prism.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-prism-component.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify-css.min.js
--> D:\laragon\www\bvad3hello\scripts\beautify-html.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-clipboard.min.js
--> D:\laragon\www\bvad3hello\scripts\lodash.min.js
--> D:\laragon\www\bvad3hello\scripts\markerclustererplus.min.js
--> D:\laragon\www\bvad3hello\scripts\gmap-vue.min.js
--> D:\laragon\www\bvad3hello\scripts\v-blur.min.js
--> D:\laragon\www\bvad3hello\scripts\sweetalert2.all.min.js
--> D:\laragon\www\bvad3hello\scripts\jspdf.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\jspdf.plugin.autotable.min.js
--> D:\laragon\www\bvad3hello\scripts\html2canvas.min.js
--> D:\laragon\www\bvad3hello\scripts\qrcode.min.js
--> D:\laragon\www\bvad3hello\scripts\axios.min.js
--> D:\laragon\www\bvad3hello\scripts\vue-form-wizard.js
--> D:\laragon\www\bvad3hello\scripts\vjsf.js
--> D:\laragon\www\bvad3hello\scripts\fileSaver.min.js
--> D:\laragon\www\bvad3hello\scripts\jszip.min.js
--> D:\laragon\www\bvad3hello\scripts\oxml.min.js
--> D:\laragon\www\bvad3hello\scripts\xlsx.full.min.js
--> D:\laragon\www\bvad3hello\scripts\moment.min.js
--> D:\laragon\www\bvad3hello\scripts\chart.js
--> D:\laragon\www\bvad3hello\scripts\chartjs-adapter-date-fns.bundle.min.js
--> D:\laragon\www\bvad3hello\scripts\chartkick.min.js
--> D:\laragon\www\bvad3hello\scripts\leaflet.js
--> D:\laragon\www\bvad3hello\scripts\vue2-leaflet.min.js
--> D:\laragon\www\bvad3hello\scripts\vue2-leaflet-movingmarker.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\firesql.umd.js
--> D:\laragon\www\bvad3hello\scripts\vue-tippy.min.js
--> D:\laragon\www\bvad3hello\scripts\collect.min.js
--> D:\laragon\www\bvad3hello\scripts\md5.min.js
--> D:\laragon\www\bvad3hello\scripts\vuewebcam.js
--> D:\laragon\www\bvad3hello\scripts\quill.min.js
--> D:\laragon\www\bvad3hello\scripts\vue2-editor.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\VueQrcodeReader.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\anime.min.js
--> D:\laragon\www\bvad3hello\scripts\pouchdb.min.js
--> D:\laragon\www\bvad3hello\scripts\pouchdb.find.js
--> D:\laragon\www\bvad3hello\scripts\vue-beautiful-chat.umd.min.js
--> D:\laragon\www\bvad3hello\scripts\xstate.js
--> D:\laragon\www\bvad3hello\scripts\dragula.min.js
--> D:\laragon\www\bvad3hello\scripts\vkanbanboard.js
--> D:\laragon\www\bvad3hello\scripts\print.min.js
--> D:\laragon\www\bvad3hello\scripts\aes.js
--> D:\laragon\www\bvad3hello\scripts\v-animate-css.js
--> D:\laragon\www\bvad3hello\scripts\lottie.min.js
Building D:\laragon\www\bvad3hello\index.html

The total size of your local CSS and JS files is 11.7MB and another 3.7MB in other assets.
It is very important to only load the JS and CSS files from components that you actually use in your website/webapp!

If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions.
Done!
Click to expand...
Have you installed Laragon?

1643181572062.png

yzhy-mail said:
D:\laragon\www\bvad3hello\index.html
Click to expand...
If you have started Laragon, then B4J will open the index page (https://localhost/bvad3hello/index.html) in your browser.
1643181776216.png
 
Upvote 0
Yes.
I can see the page has been generated.
But it can't be shown in browser.
I don't konw what's this mean:
"If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions."

1643184918128.png

"
 
Upvote 0
yzhy-mail said:
"If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions."
Click to expand...
This just means the generated Web App is very big and maybe some css/js files could be placed on a public CDN to speed things up. It has nothing to do with why it does not work for you.

Note that this is not a BANano problem (BANano does not need Laragon), but a BDAV3 requirement.

Alwaysbusy
 
Upvote 0
Please note there is no need to install laragon development webserver if you already have a webserver up and running.

Laragon is just my personal choice as it makes development easy for me without fuss. You can use any webserver of your choice and it's not a requirement at all, but a webserver is indeed needed to run Banano apps just like any website.
 
Upvote 0
yzhy-mail said:
Yes.
I can see the page has been generated.
But it can't be shown in browser.
I don't konw what's this mean:
"If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions."

View attachment 124714
"
Click to expand...
What if you double click on the index.html file?
 
Upvote 0
aeric said:
What if you double click on the index.html file?
Click to expand...
Yes this will work, the issue will be if you have php code, it won't work without a webserver. Jetty does not have php, and yes one can run php scripts on it with some configurations.

So it's just better to have a dev webserver, especially if you will develop php based webapps, use some https based stuff etc.
 
Upvote 0
Sorry!
I am confused about the concept between Banano and BananoVuetifyAD3.

click on the index.htm
it's ok !
I think I have to learn it step by step. I think maybe I missed something which confused me.

1643189553558.png
 
Upvote 0
Ignore the red hint:

The total size of your local CSS and JS files is 11.7MB and another 3.7MB in other assets.
It is very important to only load the JS and CSS files from components that you actually use in your website/webapp!

If you are using public frameworks (like jQuery, Bootstrap, Vue, etc...), consider using their CDN so the browser can use already buffered versions.

What I have done under there :
change config:
from : ServerIP=http://localhost

to : ServerIP=http://localhost:8080

It works !
 
Upvote 0
You must log in or register to reply here.

Similar Threads

C
  • Question Question
B4J Question BCTooltip using BBCodeView instead of BBLabel
Replies
1
Views
2K
Chris2
C
L
  • Question Question
B4J Question [BANanoVuetifyAD] Error Running BVAD3 Project Template
Replies
2
Views
2K
Mashiane
Mashiane
Mashiane
  • Article Article
B4J Tutorial [BANanoVuetifyAD3] Create Professional Looking Vuetify WebSites & WebApps with BANano
34 35 36
Replies
707
Views
285K
Mashiane
Mashiane
Erel
  • Article Article
B4J Tutorial [WebApp] Hello World Web App
2 3
Replies
40
Views
58K
Erel
Erel
Erel
  • Article Article
B4J Tutorial B4J Change Log (version history)
Replies
0
Views
432K
Erel
Erel
Back
Top