Foreman pages fail to load

Support
,
1

I just installed Foreman 3.3 with Katello 4.5 in an offline environment.

And in the pages below, I have a blank screen with some console output errors (see screenshots below).

It’s seems that the pages fail to load due to Bastion UI or an error in the JSON. But I still don’t understand the issue.

Affected pages:

Console output errors :

Cette page utilise la propriété non standard « zoom ». Envisagez d’utiliser calc() dans les valeurs des propriétés pertinentes ou utilisez « transform » avec « transform-origin: 0 0 ». products
Uncaught SyntaxError: missing ) after argument list
products:51:1504
WARNING: Tried to load AngularJS more than once. katello:common-3245f69d8ef37312df4a.js:7:179007
Erreur dans les liens source : Error: NetworkError when attempting to fetch resource.
URL de la ressource : https://172.20.10.2/webpack/katello/katello:common-3245f69d8ef37312df4a.js
URL du lien source : katello:common-3245f69d8ef37312df4a.js.map

Uncaught Error: [$injector:modulerr] Failed to instantiate module Bastion.capsule-content due to:
[$injector:modulerr] Failed to instantiate module Bastion due to:
[$injector:unpr] Unknown provider: BastionConfig


https://errors.angularjs.org/1.8.2/$injector/modulerr?p0=Bas…ndle-v10.1.0-production-764404f58e4a47165b8a.js%3A1%3A920%0A
    A https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    c https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    ke https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    c https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    mt https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    t https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    q https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3
    <anonymous> https://172.20.10.2/assets/bastion/bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:26
    c https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    fireWith https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    ready https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    E https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    promise https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    a https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    js https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:173
    n https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
    js https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
    n https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
    0 https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:398
    n https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
    <anonymous> https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
    <anonymous> https://172.20.10.2/webpack/foreman-vendor.bundle-v10.1.0-production-764404f58e4a47165b8a.js:1
bastion-a61e08734ad66c57bc535a2e0c25acc398bb44a8ac0e0ecd3541a62fa8bccafb.js:3:4735

Could you help? Thank you

2

WARNING: Tried to load AngularJS more than once. katello:common-3245f69d8ef37312df4a.js:7:179007
Erreur dans les liens source : Error: NetworkError when attempting to fetch resource.
URL de la ressource : https://172.20.10.2/webpack/katello/katello:common-3245f69d8ef37312df4a.js

3

The file is from the editor and I didn’t modify it.
(Sorry, I’m not really used to the JS).

Here is in detail, the file’s warning error :

LoadAngularError
LoadAngularError1917×959 129 KB

4

It said Error: NetworkError when attempting to fetch resource.
Can you ping https://172.20.10.2?

From your screenshot, there is a syntax error in the first line in the console which seems not right.

5

Yes I can ping.
The syntax error in the consol log reffers to the wrong file.
The error was in the katello dictionnary /usr/share/gems/gems/katello-4.5.0.rc1/local/fr,
in french we use the special caracter ' and it cause this bug, so I removed it (see screenshot).

Capture
Capture1863×826 79.9 KB

I think Foreman’s developers should remove this caracter

1 Like
6

Glad you found a reproducer :). Can ya file an issue on our redmine Foreman

8

Yes I already wrote an issue on your redmine :
Bug #35168: Pages Blank - Foreman (theforeman.org)

1 Like