No webfrontend showed in browser with new gui (pvetest)

udo

Distinguished Member
Apr 22, 2009
5,975
196
163
Ahrensburg; Germany
Hi,
upgrade an test-system yesterday and the webgui worked!

Do the same today on an very small system (2GB Ram) and after that the gui don't showed inside the browser.

Of course I cleaned the browser-cache (firefox) and tried two another browser (konquerror + chromium). But no one show the gui.

The version:
Code:
 pveversion -v
proxmox-ve: 4.1-45 (running kernel: 4.4.6-1-pve)
pve-manager: 4.1-30 (running version: 4.1-30/9e199213)
pve-kernel-4.4.6-1-pve: 4.4.6-45
pve-kernel-4.2.8-1-pve: 4.2.8-41
lvm2: 2.02.116-pve2
corosync-pve: 2.3.5-2
libqb0: 1.0-1
pve-cluster: 4.0-39
qemu-server: 4.0-69
pve-firmware: 1.1-8
libpve-common-perl: 4.0-59
libpve-access-control: 4.0-16
libpve-storage-perl: 4.0-50
pve-libspice-server1: 0.12.5-2
vncterm: 1.2-1
pve-qemu-kvm: 2.5-13
pve-container: 1.0-59
pve-firewall: 2.0-24
pve-ha-manager: 1.0-27
ksm-control-daemon: 1.2-1
glusterfs-client: 3.5.2-2+deb8u1
lxc-pve: 1.1.5-7
lxcfs: 2.0.0-pve2
cgmanager: 0.39-pve1
criu: 1.6.0-1
zfsutils: 0.6.5-pve9~jessie
Nothing special in the syslog (tried an pveproxy restart before):
Code:
root@pve-a:/var/log# tail syslog
Apr 16 21:55:59 pve-a pveproxy[1233]: worker 1235 finished
Apr 16 21:55:59 pve-a pveproxy[1233]: worker 1236 finished
Apr 16 21:55:59 pve-a pveproxy[1233]: server stopped
Apr 16 21:56:04 pve-a pveproxy[2915]: starting server
Apr 16 21:56:04 pve-a pveproxy[2915]: starting 3 worker(s)
Apr 16 21:56:04 pve-a pveproxy[2915]: worker 2916 started
Apr 16 21:56:04 pve-a pveproxy[2915]: worker 2917 started
Apr 16 21:56:04 pve-a pveproxy[2915]: worker 2918 started
Apr 16 21:56:32 pve-a systemd-timesyncd[620]: interval/delta/delay/jitter/drift 512s/-0.005s/0.027s/0.021s/+137ppm
Apr 16 22:05:04 pve-a systemd-timesyncd[620]: interval/delta/delay/jitter/drift 1024s/-0.011s/0.027s/0.023s/+132ppm
With an firefox-Plugin I can download the js-file and the file ends with following (is that correct?):
Code:
var Ext = Ext || {};
// jshint ignore:line
// @define Ext
(function() {
  var global = this,
  objectPrototype = Object.prototype,
  toString = objectPrototype.toString,
  enumerables = [
  //'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable',
  'valueOf',
  'toLocaleString',
  'toString',
  'constructor'
  ],
  emptyFn = function() {},
  privateFn = function() {},
  identityFn = function(o) {
  return o;
  },
  // This is the "$previous" method of a hook function on an instance. When called, it
  // calls through the class prototype by the name of the called method.
  callOverrideParent = function() {
  var method = callOverrideParent.caller.caller;
  // skip callParent (our caller)
  return method.$owner.prototype[method.$name].apply(this, arguments);
  },
  manifest = Ext.manifest || {},
  i,
  iterableRe = /\[object\s*(?:Array|Arguments|\w*Collection|\w*List|HTML\s+document\.all\s+class)\]/,
  MSDateRe = /^\\?\/Date\(([-+])?(\d+)(?:[+-]\d{4})?\)\\?\/$/;
  Ext.global = global;
  /**
  * Returns the current timestamp.
  * @return {Number} Milliseconds since UNIX epoch.
  * @method now
  * @member Ext
  */
  Ext.now = Date.now || (Date.now = function() {
  return +new Date();
  });
  /**
  * Returns the current high-resolution timestamp.
  * @return {Number} Milliseconds ellapsed since arbitrary epoch.
  * @method ticks
  * @member Ext
  * @since 6.0.1
  */
  Ext.ticks = (global.performance && global.performance.now) ? function() {
  return performance.now();
  } : // jshint ignore:line
  Ext.now;
  Ext._startTime = Ext.ticks();
  // Mark these special fn's for easy identification:
  emptyFn.$nullFn = identityFn.$nullFn = emptyFn.$emptyFn = identityFn.$identityFn = privateFn.$nullFn = true;
  privateFn.$privacy = 'framework';
  // These are emptyFn's in core and are redefined only in Ext JS (we use this syntax
  // so Cmd does not detect them):
  Ext['suspendLayouts'] = Ext['resumeLayouts'] = emptyFn;
  // jshint ignore:line
  for (i in {
  toString: 1
  }) {
  enumerables = null;
  }
  /**
  * An array containing extra enumerables for old browsers
  * @property {String[]}
  */
  Ext.enumerables = enumerables;
  /**
  * Copies all the properties of `config` to the specified `object`. There are two levels
  * of defaulting supported:
  *
  *  Ext.apply(obj, { a: 1 }, { a: 2 });
  *  //obj.a === 1
  *
  *  Ext.apply(obj, {  }, { a: 2 });
  *  //obj.a === 2
  *
  * Note that if recursive merging and cloning without referencing the original objects
  * or arrays is needed,
The whole pve-a_-_Proxmox_Virtual_Environment.js file is 67029bytes.

The system is an embedded dual core AMD G-T40E Processor with 2GB Ram.

Udo
 
An you started the debuging console (F12 in Chrome, ...)?
Hi Dietmar,
good hint.

This is the output:
Code:
SyntaxError: unterminated comment ext-all-debug.js:1615:4
ReferenceError: Ext is not defined charts-debug.js:5:0
ReferenceError: Ext is not defined pvemanagerlib.js:1:0
ReferenceError: Ext is not defined locale-en.js:1:0
ReferenceError: Ext is not defined 192.168.200.11:8006:18:0
Udo
 
An you started the debuging console (F12 in Chrome, ...)?
In chrome the output is mostly the same:
Code:
GET https://pve-a.xxxxxxxxx.de:8006/pve2/ext6/ext-all-debug.js net::ERR_CONTENT_LENGTH_MISMATCH
charts-debug.js:5 Uncaught ReferenceError: Ext is not defined
(anonymous function)   @   charts-debug.js:5
pvemanagerlib.js:1 Uncaught ReferenceError: Ext is not defined
(anonymous function)   @   pvemanagerlib.js:1
locale-en.js:1 Uncaught ReferenceError: Ext is not defined
(anonymous function)   @   locale-en.js:1
(index):18 Uncaught ReferenceError: Ext is not defined
(anonymous function)   @   (index):18
Udo
 
OK, I will try to debug that tomorrow. What browser version is that exactly?
Hi Dietmar,
thanks!

Looks like an memory problem.
I have restored one VM on this server and start the VM.
The VM work (gui still not) but the Output in the firefox console is different:
Code:
GET
https://192.168.200.11:8006/ [HTTP/1.1 200 OK 233ms]
GET
https://192.168.200.11:8006/pve2/ext6/theme-crisp/resources/theme-crisp-all.css [HTTP/1.1 304 NOT MODIFIED 7ms]
GET
https://192.168.200.11:8006/pve2/ext6/crisp/resources/charts-all.css [HTTP/1.1 304 NOT MODIFIED 244ms]
GET
https://192.168.200.11:8006/pve2/css/ext6-pve.css [HTTP/1.1 304 NOT MODIFIED 177ms]
GET
https://192.168.200.11:8006/pve2/ext6/pvemanagerlib.js [HTTP/1.1 304 NOT MODIFIED 6ms]
GET
https://192.168.200.11:8006/pve2/css/font-awesome.css [HTTP/1.1 304 NOT MODIFIED 74ms]
GET
https://192.168.200.11:8006/pve2/ext6/ext-all-debug.js [HTTP/1.1 200 OK 6211ms]
GET
https://192.168.200.11:8006/pve2/ext6/charts-debug.js [HTTP/1.1 304 NOT MODIFIED 238ms]
GET
https://192.168.200.11:8006/pve2/ext6/locale/locale-en.js [HTTP/1.1 304 NOT MODIFIED 138ms]
GET
https://192.168.200.11:8006/pve2/ext6/theme-crisp/resources/theme-crisp-all_1.css [HTTP/1.1 304 NOT MODIFIED 153ms]
GET
https://192.168.200.11:8006/pve2/ext6/theme-crisp/resources/theme-crisp-all_2.css [HTTP/1.1 304 NOT MODIFIED 154ms]
Unbekannte Eigenschaft '-moz-border-radius-bottomleft'.  Deklaration ignoriert. theme-crisp-all_1.css:1:165685
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_1.css:1:166063
Unbekannte Eigenschaft '-moz-border-radius-topleft'.  Deklaration ignoriert. theme-crisp-all_1.css:1:168554
Unbekannte Eigenschaft '-moz-border-radius-topright'.  Deklaration ignoriert. theme-crisp-all_1.css:1:168648
Unbekannte Eigenschaft '-moz-border-radius-bottomright'.  Deklaration ignoriert. theme-crisp-all_1.css:1:168747
Unbekannte Eigenschaft '-moz-border-radius-bottomleft'.  Deklaration ignoriert. theme-crisp-all_1.css:1:168851
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_1.css:1:169231
Unbekannte Eigenschaft '-moz-border-radius-topleft'.  Deklaration ignoriert. theme-crisp-all_1.css:1:171759
Unbekannte Eigenschaft '-moz-border-radius-topright'.  Deklaration ignoriert. theme-crisp-all_1.css:1:171853
Unbekannte Eigenschaft '-moz-border-radius-bottomright'.  Deklaration ignoriert. theme-crisp-all_1.css:1:171952
Unbekannte Eigenschaft '-moz-border-radius-bottomleft'.  Deklaration ignoriert. theme-crisp-all_1.css:1:172056
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_1.css:1:172432
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. theme-crisp-all_1.css:1:176171
Unbekannte Eigenschaft '-moz-box-shadow'.  Deklaration ignoriert. theme-crisp-all_1.css:1:179052
...
Unbekannte Eigenschaft '-moz-border-radius-bottomright'.  Deklaration ignoriert. theme-crisp-all_2.css:1:54145
Unbekannte Eigenschaft '-moz-border-radius-bottomleft'.  Deklaration ignoriert. theme-crisp-all_2.css:1:54249
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_2.css:1:54619
Unbekannte Eigenschaft '-moz-border-radius-topleft'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57079
Unbekannte Eigenschaft '-moz-border-radius-topright'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57173
Unbekannte Eigenschaft '-moz-border-radius-bottomright'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57272
Unbekannte Eigenschaft '-moz-border-radius-bottomleft'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57376
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57742
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. theme-crisp-all_2.css:1:61383
SyntaxError: missing } in compound statement ext-all-debug.js:205053:18
ReferenceError: Ext is not defined charts-debug.js:5:0
ReferenceError: Ext is not defined pvemanagerlib.js:1:0
ReferenceError: Ext is not defined locale-en.js:1:0
ReferenceError: Ext is not defined 192.168.200.11:8006:18:0
POST
https://www.youtube.com/csi_204 [HTTP/2.0 204 No Content 129ms]
POST
https://www.youtube.com/csi_204 [HTTP/2.0 204 No Content 52ms]
POST
https://www.youtube.com/csi_204 [HTTP/2.0 204 No Content 52ms]
Udo
 
Looks like an memory problem.

I cannot reproduce the problem here. Please can you verify
that the ext-all-debug.js file is correct?

# md5sum /usr/share/pve-manager/ext6/ext-all-debug.js
e24dbaedca79e3930b3f423c281a8703 /usr/share/pve-manager/ext6/ext-all-debug.js
 
Hi,
strange! The ext-all-debug.js is ok, also the download!

But the same happens... also tried with an fresh other client...

Code:
root@pve-a:~# md5sum /usr/share/pve-manager/ext6/ext-all-debug.js
e24dbaedca79e3930b3f423c281a8703  /usr/share/pve-manager/ext6/ext-all-debug.js
Code:
~/Downloads/xx$ curl --insecure https://pve-a:8006/pve2/ext6/ext-all-debug.js > ext-all-debug.js
  % Total  % Received % Xferd  Average Speed  Time  Time  Time  Current
  Dload  Upload  Total  Spent  Left  Speed
100 9140k  100 9140k  0  0  3974k  0  0:00:02  0:00:02 --:--:-- 3975k
~/Downloads/xx$ md5sum ext-all-debug.js
e24dbaedca79e3930b3f423c281a8703  ext-all-debug.js
Udo
 
If I connect in the same browser to another system, I see following after the last two from pve-a:
Code:
Unbekannte Eigenschaft '-moz-border-radius'.  Deklaration ignoriert. theme-crisp-all_2.css:1:57742
'none', URL oder Filterfunktion erwartet, aber 'progid' gefunden.  Fehler beim Verarbeiten des Wertes für 'filter'.  Deklaration ignoriert. theme-crisp-all_2.css:1:61383
here stop the output from pve-a!

On an working system I got further lines:
Code:
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert. proxtest1.xyz.com:8006
Farbe erwartet, aber 'left' gefunden.  Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert. proxtest1.xyz.com:8006
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert. proxtest1.xyz.com:8006
Fehler beim Verarbeiten des Wertes für 'background-image'.  Deklaration ignoriert. proxtest1.xyz.com:8006
Unbekannte Eigenschaft 'zoom'.  Deklaration ignoriert. proxtest1.xyz.com:8006
GET
https://proxtest1.xyz.com:8006/pve2/ext6/theme-crisp/resources/images/form/trigger.png [HTTP/1.1 304 NOT MODIFIED 40ms]
GET
https://proxtest1.xyz.com:8006/pve2/images/proxmox_logo.png [HTTP/1.1 304 NOT MODIFIED 40ms]
GET
https://proxtest1.xyz.com:8006/pve2/ext6/theme-crisp/resources/images/tree/arrows.png [HTTP/1.1 304 NOT MODIFIED 40ms]
GET
https://proxtest1.xyz.com:8006/pve2/ext6/theme-crisp/resources/images/grid/sort_desc.png [HTTP/1.1 304 NOT MODIFIED 39ms]
GET
XHR
https://proxtest1.xyz.com:8006/api2/json/access/domains [HTTP/1.1 200 OK 41ms]
Udo
 
it looks to me than the browser has problem finding and loading the ExtJS library file.
Can you try the following:
* restart manually the pve-proxy service on the PVE host
* on loading the page, if it is still buggy, select 'view source HTML and click in the HTML code the link 'pve2/ext6/ext-all-debug.js'
* if the javascript file loads correctly, can you enter in the chrome browser console:
Ext.isReady

it should return:
'true' !
 
it looks to me than the browser has problem finding and loading the ExtJS library file.
Hi Manu,
but the same Browser show without issues the new gui fron another installation...
Can you try the following:
* restart manually the pve-proxy service on the PVE host
have I done many times
* on loading the page, if it is still buggy, select 'view source HTML and click in the HTML code the link 'pve2/ext6/ext-all-debug.js'
if I load the https://pve-a:8006/pve2/ext6/ext-all-debug.js
directly - the script is diplayed as text in firefox.
* if the javascript file loads correctly, can you enter in the chrome browser console:
Ext.isReady

it should return:
'true' !
I will try it this evening.

Udo
 
Can you open SSH/HTTPS access to this box for our devs? Looks like this issue needs deeper investigation.

Please open a request via https://my.proxmox.com and one of our devs will pick it up there.
 
I'm facing exactly the same problem here with proxmox on an apu1d4. (4GB Ram, 120GB msata)
Since the update (followed by fresh install) I can't access the webfrontend from the PC. The mobile "front end" accessed via IPhone seems to work.
Did you find any solution / workaround?
 
I'm facing exactly the same problem here with proxmox on an apu1d4. (4GB Ram, 120GB msata)
Since the update (followed by fresh install) I can't access the webfrontend from the PC. The mobile "front end" accessed via IPhone seems to work.
Did you find any solution / workaround?
Hi Peter,
yes I found a workaround (it's a timeout problem on very small systems).

the trick is to use the none-debug-version, which is much smaller (2.4MB instead 9MB) so that 5 sec is enough to deliver the file.

Code:
root@pve-a:/usr/share/perl5/PVE# diff ExtJSIndex.pm ExtJSIndex.pm.org
30c30
<  <script type="text/javascript" src="/pve2/ext6/ext-all.js"></script>
---
>  <script type="text/javascript" src="/pve2/ext6/ext-all-debug.js"></script>
the gui work without trouble after pveproxy restart!

AFAIK the pve-devs would change this for all, because of a better loading time

Udo
 
  • Like
Reactions: Peter M..
Dear Udo,
Perfect, thanks for the prompt reply and the solution - works like a charm!
Peter
 

About

The Proxmox community has been around for many years and offers help and support for Proxmox VE, Proxmox Backup Server, and Proxmox Mail Gateway.
We think our community is one of the best thanks to people like you!

Get your subscription!

The Proxmox team works very hard to make sure you are running the best software and getting stable updates and security enhancements, as well as quick enterprise support. Tens of thousands of happy customers have a Proxmox subscription. Get yours easily in our online shop.

Buy now!