Juju Gui Menus Not Appearing

gui
help-needed

#1

Hi there! I’m pretty new to using juju, so forgive me if this is too simple of a question. I’ve been trying to use the juju gui, but noticed a few weird things.

First, if I click on profiles in the user menu, it gets rid of everything except the charms canvas:

The same thing happens when I try to click on the model’s drop-down menu.

Have I misconfigured something or forgot to configure something?

Thanks!

Eugene Seubert


#2

I’m just chiming in on the thread, I’ve also noticed this lately.
It’s really bad when there’s a model that has cross model relations, the model view and status page either don’t render or take a really really long time.


#3

What would help out is checking what version of the GUI you have and to use the browser developer tools to open the console and see if there’s some JavaScript errors in there to assist in debugging.

Thanks for the discussion.


#4

Chipping in from the side… we’re working really hard to make status consistently fast. That will involve quite a lot of internal refactoring. The GUI’s sometimes limited by the fact that controller is taking a long time to gather up all of the info.


#5

I’m currently running Juju GUI 2.15.0. Strange enough, I thought of downgrading the GUI, but when I run juju upgrade --list, I only see version 2.15.0 available.

As for the console, this is what I got after logging in and clicking ‘Profile.’

init-pkg.js:72 connecting to wss://192.168.0.200:17070/api
init-pkg.js:72 starting controller pinger
init-pkg.js:20 controller connected
api.jujucharms.com/charmstore/v5/~admin/default/meta/any?include=bundle-metadata&include=bundle-machine-count&include=charm-config&include=charm-metadata&include=charm-metrics&include=common-info&include=extra-info&include=id-revision&include=manifest&include=owner&include=published&include=resources&include=stats&include=supported-series&include=tags:1 Failed to load resource: the server responded with a status of 404 (Not Found)
init-pkg.js:20 model/charm store disambiguation: no matching charm or bundle for cs:~admin/default
init-pkg.js:20 not logged into controller
init-pkg.js:20 not logged into controller
onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
    at setFieldValue (onloadwff.js:71)
    at HTMLFormElement.formKeydownListener (onloadwff.js:71)
init-pkg.js:20 logging into controller-api with user and password
init-pkg.js:20 successfully logged into controller
init-pkg.js:20 switching to model:  8db56926-a391-42be-8970-5229a6da644a
init-pkg.js:20 switching model connection
init-pkg.js:72 closing the model-api inactive connection
init-pkg.js:72 connecting to wss://192.168.0.200:17070/model/8db56926-a391-42be-8970-5229a6da644a/api
init-pkg.js:20 model connected
init-pkg.js:20 logging into model-api with user and password
init-pkg.js:72 unknown mega-watcher change event of type charmInfo: {"model-uuid":"8db56926-a391-42be-8970-5229a6da644a","charm-url":"cs:openvpn-9","charm-version":"","life":"alive","profile":null,"config":{"clients":"client1","duplicate-cn":true,"extra_packages":"","install_keys":"","install_sources":"","key-city":"Ubuntu","key-country":"US","key-email":"Juju","key-org":"Juju","key-province":"CA","package_status":"install","port":443,"protocol":"tcp","puppet-gpg-key":"-----BEGIN PGP PUBLIC KEY BLOCK-----\n\nmQINBFe2Iz4BEADqbv/nWmR26bsivTDOLqrfBEvRu9kSfDMzYh9Bmik1A8Z036Eg\nh5+TZD8Rrd5TErLQ6eZFmQXk9yKFoa9/C4aBjmsL/u0yeMmVb7/66i+x3eAYGLzV\nFyunArjtefZyxq0B2mdRHE8kwl5XGl8015T5RGHCTEhpX14O9yigI7gtliRoZcl3\nhfXtedcvweOf9VrV+t5LF4PrZejom8VcB5CE2pdQ+23KZD48+Cx/sHSLHDtahOTQ\n5HgwOLK7rBll8djFgIqP/UvhOqnZGIsg4MzTvWd/vwanocfY8BPwwodpX6rPUrD2\naXPsaPeM3Q0juDnJT03c4i0jwCoYPg865sqBBrpOQyefxWD6UzGKYkZbaKeobrTB\nxUKUlaz5agSK12j4N+cqVuZUBAWcokXLRrcftt55B8jz/Mwhx8kl6Qtrnzco9tBG\nT5JN5vXMkETDjN/TqfB0D0OsLTYOp3jj4hpMpG377Q+6D71YuwfAsikfnpUtEBxe\nNixXuKAIqrgG8trfODV+yYYWzfdM2vuuYiZW9pGAdm8ao+JalDZss3HL7oVYXSJp\nMIjjhi78beuNflkdL76ACy81t2TvpxoPoUIG098kW3xd720oqQkyWJTgM+wV96bD\nycmRgNQpvqHYKWtZIyZCTzKzTTIdqg/sbE/D8cHGmoy0eHUDshcE0EtxsQARAQAB\ntEhQdXBwZXQsIEluYy4gUmVsZWFzZSBLZXkgKFB1cHBldCwgSW5jLiBSZWxlYXNl\nIEtleSkgPHJlbGVhc2VAcHVwcGV0LmNvbT6JAj4EEwECACgFAle2Iz4CGwMFCQlm\nAYAGCwkIBwMCBhUIAgkKCwQWAgMBAh4BAheAAAoJEH9DgoDvjTSfIN0P/jcCRzK8\nWIdhcNz5dkj7xRZb8Oft2yDfenQmzb1SwGGa96IwJFcjF4Nq7ymcDUqunS2DEDb2\ngCucsqmW1ubkaggsYbc9voz/SQwhsQpBjfWbuyOX9DWmW6av/aB1F85wP79gyfqT\nuidTGxQE6EhDbLe7tuvxOHfM1bKsUtI+0n9TALLLHfXUEdtaXCwMlJuO1IIn1PWa\nH7HzyEjw6OW/cy73oM9nuErBIio1O60slPLOW2XNhdWZJCRWkcXyuumRjoepz7WN\n1JgsLOTcB7rcQaBP3pDN0O/Om5dlDQ6oYitoJs/F0gfEgwK68Uy8k8sUR+FLLJqM\no0CwOg6CeWU4ShAEd1xZxVYW6VOOKlz9x9dvjIVDn2SlTBDmLS99ySlQS57rjGPf\nGwlRUnuZP4OeSuoFNNJNb9PO6XFSP66eNHFbEpIoBU7phBzwWpTXNsW+kAcY8Rno\n8GzKR/2FRsxe5Nhfh8xy88U7BA0tqxWdqpk/ym+wDcgHBfSRt0dPFnbaHAiMRlgX\nJ/NPHBQtkoEdQTKA+ICxcNTUMvsPDQgZcU1/ViLMN+6kZaGNDVcPeMgDvqxu0e/T\nb3uYiId38HYbHmD6rDrOQL/2VPPXbdGbxDGQUgX1DfdOuFXw1hSTilwI1KdXxUXD\nsCsZbchgliqGcI1l2En62+6pI2x5XQqqiJ7+\n=HpaX\n-----END PGP PUBLIC KEY BLOCK-----\n","push-default-gateway":true,"push-dns":true}}
defaultHandler @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 unable to load user: no identity URL available
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
mr @ init-pkg.js:34
n.callback @ init-pkg.js:34
cr @ init-pkg.js:34
lr @ init-pkg.js:34
Nr @ init-pkg.js:34
Ir @ init-pkg.js:34
(anonymous) @ init-pkg.js:34
i.unstable_runWithPriority @ init-pkg.js:34
ai @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72
init-pkg.js:70 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:70
    at Array.reduce (<anonymous>)
    at u._generateModels (init-pkg.js:70)
    at u.render (init-pkg.js:70)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
    at ei (init-pkg.js:34)
(anonymous) @ init-pkg.js:70
_generateModels @ init-pkg.js:70
render @ init-pkg.js:70
Ma @ init-pkg.js:34
Pa @ init-pkg.js:34
ja @ init-pkg.js:34
Pr @ init-pkg.js:34
Mr @ init-pkg.js:34
ei @ init-pkg.js:34
Zr @ init-pkg.js:34
Jr @ init-pkg.js:34
jr @ init-pkg.js:34
enqueueSetState @ init-pkg.js:34
d.setState @ init-pkg.js:27
_fetchModelsCallback @ init-pkg.js:70
(anonymous) @ init-pkg.js:72
(anonymous) @ init-pkg.js:72
dispatch_result @ init-pkg.js:72
on_message @ init-pkg.js:72
d.onmessage @ init-pkg.js:72

#6

The UI disappears when there is a ‘thrown’ error in certain parts of the application. Unfortunately that stack trace doesn’t give me enough information to track down the problem. It looks like it’s trying to loop through a series of entities, whether that be applications, relations, machines etc. and running into a problem.

Can you give me some information about the model that you’re using? Does it have any of the more-recent features like K8s charms or cross model relations as the GUI doesn’t support those.

Is it a bundle from the charmstore? Or can you export the bundle so that I can deploy myself to try and reproduce?

We’re in the process of making a new UI for Juju and JAAS so we aren’t adding these new features, but we’d like to keep these types of errors in check.


#7

As far as I know, I am using to admin/default model. None of the more recent features have been deployed to my knowledge.

In that model, I had an OpenVPN charm through a hook install error. Since then, I have now removed the OpenVPN charm, so there is nothing on the model currently. However, I’m still getting the same errors. If it helps, here is the log after I tried to access the model drop-down menu:

init-pkg.js:72 connecting to wss://192.168.0.200:17070/api
init-pkg.js:72 starting controller pinger
init-pkg.js:20 controller connected
api.jujucharms.com/charmstore/v5/~admin/default/meta/any?include=bundle-metadata&include=bundle-machine-count&include=charm-config&include=charm-metadata&include=charm-metrics&include=common-info&include=extra-info&include=id-revision&include=manifest&include=owner&include=published&include=resources&include=stats&include=supported-series&include=tags:1 Failed to load resource: the server responded with a status of 404 (Not Found)
init-pkg.js:20 model/charm store disambiguation: no matching charm or bundle for cs:~admin/default
init-pkg.js:20 not logged into controller
init-pkg.js:20 not logged into controller
init-pkg.js:20 logging into controller-api with user and password
init-pkg.js:20 successfully logged into controller
init-pkg.js:20 switching to model:  8db56926-a391-42be-8970-5229a6da644a
init-pkg.js:20 switching model connection
init-pkg.js:72 closing the model-api inactive connection
init-pkg.js:72 connecting to wss://192.168.0.200:17070/model/8db56926-a391-42be-8970-5229a6da644a/api
init-pkg.js:20 model connected
init-pkg.js:20 logging into model-api with user and password
init-pkg.js:34 TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:48
    at Array.map (<anonymous>)
    at c.generateModelList (init-pkg.js:48)
    at c._generateModels (init-pkg.js:48)
    at c.render (init-pkg.js:48)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)
mr @ init-pkg.js:34
init-pkg.js:34 Uncaught TypeError: Cannot read property 'id' of undefined
    at init-pkg.js:48
    at Array.map (<anonymous>)
    at c.generateModelList (init-pkg.js:48)
    at c._generateModels (init-pkg.js:48)
    at c.render (init-pkg.js:48)
    at Ma (init-pkg.js:34)
    at Pa (init-pkg.js:34)
    at ja (init-pkg.js:34)
    at Pr (init-pkg.js:34)
    at Mr (init-pkg.js:34)