B4J Question [BANanoVueMaterial] [Resolved] Unable to run the BANanoVmDemo application on XAMPP

[Anser]

Hi,

I am trying to run the BANanoVmDemo Application. The application is compiled and installed properly on my Xamp folder C:\xampp\htdocs.

However, the browser does not load anything, it shows a blank page as shown below.

Please note that I am able to run other samples which come along with the BANanoVueMaterial ie the ones available in the Examples folder.

I downloaded from the repository today morning. I was having the same problem with the previous version too.

My XAMPP is working fine on my local PC.

I have also created a database named bvmdemo on my MySQL server. The details are updated in the Config.php file available in the Files folder

 

[alwaysbusy]

Always press in the browser F12 - console en network tab in such cases. It can give you some good feedback what went wrong or is missing.

 

[Anser]

This is what I see when I press F12 - Network Console. Looks like there is an error, unfortunately, I can't understand the reason for this error ?

Uncaught SyntaxError: Invalid hexadecimal escape sequence
DevTools failed to load SourceMap: Could not load content for http://localhost/bananovmdemo/styles/materialdesignicons.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Here is the screen snap shot

By the way, I downloaded the latest BANanoVuetify library just one hour back from the repository.

 

[alwaysbusy]

The warning is fine and can be ignored. As for the error (Uncaught SyntaxError: Invalid hexadecimal escape sequence ), you will have to wait for an answer from who made the BANanoVueMaterial library as I have never used it before.

 

[Mashiane]

Q. Are you using XAMPP for other projects or just testing this out?

The reason I'm asking is because I am using laragon for development purposes and also found out that the usb web server works perfectly whilst the google web server does not support PHP. Installing XAMPP on my side has also conflicted with a lot of other things.

Yes @alwaysbusy is right (and thanks), the error is fine, that happens when you activate the debug mode i.e. console.

Please do me a favour, run the demo in debug mode. Then on the console when you click on the error you will be able to see the exact line where the error happens. That is all I need to trace this back. Please attach the log as a file here (right click on the console.log and click save), then I will be able to fix what could be an issue if its something internal to BVM.

Also, because a core library is now available without the extensions, 0. Core folder for new projects I recommend that people use that. This was indicated here. The core also has its demo project which is just pure vuetify without the extensions.

Ta!

PS: If you don't mind, can you please include " on XAMPP" on your thread title so that your subject line is more clear. Perhaps other people have had this issue and were able to solve it.

 

[Anser]

Q. Are you using XAMPP for other projects or just testing this out?

I am a newbie when it comes to developing Web application/web sites. I have done a project using ABMaterial earlier.

I used XAMPP because it is a cross-platform service as it works with platforms like Mac, Linux, Windows etc. In production, I will be using Linux servers ONLY and not Windows server when hosting the websites.
I installed XAMPP just for trying out BANano and BANanoVuetify otherwise I don't need a webserver on my PC.

PS: If you don't mind, can you please include " on XAMPP" on your thread title so that your subject line is more clear. Perhaps other people have had this issue and were able to solve it.

Done

Please do me a favour, run the demo in debug mode. Then on the console when you click on the error you will be able to see the exact line where the error happens. That is all I need to trace this back. Please attach the log as a file here (right click on the console.log and click save), then I will be able to fix what could be an issue if its something internal to BVM.

Here is the log file

 

[alwaysbusy]

I think Mashiane will need you to click on the link in the log so it goes to the javascript line with the error:

if after clicking it does not go to the correct line number (149217 in your case 8024 in my example), you will need to scroll to it and make a screenshot:

Alwaysbusy

 

[Anser]

The click to that error code points to http://localhost/bananovmdemo/scripts/app.js

I opened the file app.js from the folder C:\xampp\htdocs\BANanoVMDemo\scripts using NotePad++. It is a file which is 4.12Mb in size.

Inspecting the line no 149217, the following are the relevant lines

Hope this will serve the purpose

 

[Mashiane]

Let's try this, download usbwebserver and test the demo app. This runs from a usb stick or specific folder and comes with all needed things to run a webserver without installation. The link for it is on my previous responses to you.

I'm not using XAMPP and I wont install it on my side as it will create a conflict with what I have already installed. Sorry I cant help you in this case as I cant reproduce the error with my exclusive installation. Hopefully there is someone who can help with this here as I don't know anything technical about XAMPP.

 

[Anser]

I tested on another PC with WAMP and it is working fine. So the problem is with XAMPP.
I asked one of my colleagues to test it on XAMPP and he too experienced the same problem.

 

[Anser]

Also, because a core library is now available without the extensions, 0. Core folder for new projects I recommend that people use that. This was indicated here. The core also has its demo project which is just pure vuetify without the extensions.

I tried this Core Demo too and it too fails with the same error at the same line in XAMPP ie

this._publish="C:\xampp\htdocs";

My concern/worry is whether there will be a problem if I publish the final Webapp on a Linux Apache server during the production phase. As I already said, I will not be using a Windows server.

 

[Mashiane]

My concern/worry is whether there will be a problem if I publish the final Webapp on a Linux Apache server during the production phase

I guess we can only know when you test such. I'm stuck with a windows machine. I have just now included a folder on the repo named, 0. Test Your WebServer, you can extract and upload the contents on your webserver to test if everything works. Its the designer compiled web app.

Ta!

 

[Anser]

I resolved the issue in XAMPP.

In the B4J project, you need to replace the backslash with forward slash as follows

'The followign line will not work, you need to replace "\" with forward slash "/"
Private Publish As String = "C:\xampp\htdocs"

'This works
Private Publish As String = "C:/xampp/htdocs"

 

[Mashiane]

I resolved the issue in XAMPP.

Wow! Thanks for the feedback.