Foreman 3.11/Katello 4.13 Post-upgrade on EL9 Javascript Errors, Blank Pages

Support
1

Problem:
I installed Foreman 3.10/Katello 4.12 on an EL9 server when the former was released and have just upgraded the same system to Foreman 3.11/Katello 4.13 using the upgrade steps in Upgrading Foreman to 3.11 (minus the module stuff that isn’t relevant anymore in el9).

After the upgrade, The Katello-related content pages are no longer loading, Ansible-related content is missing from host pages, and task/job related content is missing from the host pages. Accompanying these issues are JS errors that may correlate.

Javascript errors when opening “Content Credentials” page:

This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. content_credentials
Uncaught (in promise) TypeError: t[e] is not a function
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    js 732.js:2
    n foreman_ansible_remoteEntry.js:1
    global_index foreman_ansible_remoteEntry.js:1
    node_modules bundle.js:2
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    node_modules bundle.js:2
    e index.scss:6
    f spice.js:58
    _ index.scss:6
    j spice.js:62
    g index.scss:6
    l index.scss:6
    a index.scss:6
    a index.scss:6
    loadPluginModule index.scss:6
    <anonymous> content_credentials:49
foreman_ansible_remoteEntry.js:1:4086
Uncaught (in promise) TypeError: t[e] is not a function
    a foreman_remote_execution_remoteEntry.js:1
    js 732.js:2
    a foreman_remote_execution_remoteEntry.js:1
    js 732.js:2
    a foreman_remote_execution_remoteEntry.js:1
    global_index foreman_remote_execution_remoteEntry.js:1
    node_modules bundle.js:2
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    node_modules bundle.js:2
    e index.scss:6
    f spice.js:58
    _ index.scss:6
    j spice.js:62
    g index.scss:6
    l index.scss:6
    a index.scss:6
    a index.scss:6
    loadPluginModule index.scss:6
    <anonymous> content_credentials:53
foreman_remote_execution_remoteEntry.js:1:4737
Uncaught (in promise) TypeError: r[e] is not a function
    n foreman_webhooks_remoteEntry.js:1
    js 730.js:2
    n foreman_webhooks_remoteEntry.js:1
    js 730.js:2
    n foreman_webhooks_remoteEntry.js:1
    routes_index foreman_webhooks_remoteEntry.js:1
    node_modules bundle.js:2
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    node_modules bundle.js:2
    e index.scss:6
    f spice.js:58
    _ index.scss:6
    j spice.js:62
    g index.scss:6
    l index.scss:6
    a index.scss:6
    a index.scss:6
    loadPluginModule index.scss:6
    <anonymous> content_credentials:57
foreman_webhooks_remoteEntry.js:1:2959
Uncaught (in promise) TypeError: t[e] is undefined
    a katello_remoteEntry.js:1
    js 732.js:2
    a katello_remoteEntry.js:1
    js 732.js:2
    a katello_remoteEntry.js:1
    js 732.js:2
    a katello_remoteEntry.js:1
    js 732.js:2
    a katello_remoteEntry.js:1
    global_index katello_remoteEntry.js:1
    node_modules bundle.js:2
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    i external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    l external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    promise callback*s external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    b external var "__FOREMAN_VENDOR__SPICE_PROJECT_SPICE_HTML_5__":1
    node_modules bundle.js:2
    e index.scss:6
    f spice.js:58
    _ index.scss:6
    j spice.js:62
    g index.scss:6
    l index.scss:6
    a index.scss:6
    a index.scss:6
    loadPluginModule index.scss:6
    <anonymous> content_credentials:61
katello_remoteEntry.js:1:6762
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_ansible/foreman_ansible_remoteEntry.js?t=1719598006970
Source Map URL: foreman_ansible_remoteEntry.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/katello/katello_remoteEntry.js?t=1719598006972
Source Map URL: katello_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_ansible/foreman_ansible_remoteEntry.js?t=1719598006970
Source Map URL: foreman_ansible_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_remote_execution/foreman_remote_execution_remoteEntry.js?t=1719598006970
Source Map URL: foreman_remote_execution_remoteEntry.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_remote_execution/foreman_remote_execution_remoteEntry.js?t=1719598006970
Source Map URL: foreman_remote_execution_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_webhooks/foreman_webhooks_remoteEntry.js?t=1719598006971
Source Map URL: foreman_webhooks_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/katello/katello_remoteEntry.js?t=1719598006972
Source Map URL: katello_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_ansible/732.js
Source Map URL: 732.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/katello/732.js
Source Map URL: 732.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_webhooks/foreman_webhooks_remoteEntry.js?t=1719598006971
Source Map URL: foreman_webhooks_remoteEntry.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_remote_execution/732.js
Source Map URL: 732.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_ansible/732.js
Source Map URL: 732.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_remote_execution/732.js
Source Map URL: 732.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_webhooks/730.js
Source Map URL: 730.js.map
Source map error: Error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/foreman_webhooks/730.js
Source Map URL: 730.js.map
Source map error: request failed with status 404
Resource URL: https://foreman.domain.com/webpack/katello/732.js
Source Map URL: 732.js.map
The resource at “https://foreman.domain.com/assets/bastion/bastion-ce54789bcba38880329a635a65fc4830b6bf9621630fdb63a9a54855e8bcac0c.js” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. content_credentials
The resource at “https://foreman.domain.com/assets/bastion/angular-i18n/angular-locale_en-6b14bf5931039d7181542737709f298a031bbb69a5af4e7129f38fa08f332738.js” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. content_credentials
The resource at “https://foreman.domain.com/assets/bastion_katello/bastion_katello-4ba24598773fcc2b4d052bd33073b10fb9b044291f1eb8f61d84f5fc0ec4087e.js” preloaded with link preload was not used within a few seconds. Make sure all attributes of the preload tag are set correctly. content_credentials

Expected outcome:
Able to open Content View pages (Content Credentials for instance) with the page loading correctly. It is currently blank.

Able to open a host page and run Ansible Roles job on the host. Currently, the option to run Ansible Roles is not present. Nor is any task-related information pertaining to those hosts present.

Foreman and Proxy versions:

ansible-collection-theforeman-foreman-4.0.0-2.el9.noarch
candlepin-4.4.10-1.el9.noarch
candlepin-selinux-4.4.10-1.el9.noarch
dynflow-utils-1.6.3-1.el9.x86_64
foreman-3.11.0-1.el9.noarch
foreman-cli-3.11.0-1.el9.noarch
foreman-dynflow-sidekiq-3.11.0-1.el9.noarch
foreman-installer-3.11.0-1.el9.noarch
foreman-installer-katello-3.11.0-1.el9.noarch
foreman-obsolete-packages-1.9-1.el9.noarch
foreman-postgresql-3.11.0-1.el9.noarch
foreman-proxy-3.11.0-1.el9.noarch
foreman-redis-3.11.0-1.el9.noarch
foreman-release-3.11.0-1.el9.noarch
foreman-selinux-3.11.0-1.el9.noarch
foreman-service-3.11.0-1.el9.noarch
katello-4.13.0-1.el9.noarch
katello-certs-tools-2.10.0-1.el9.noarch
katello-client-bootstrap-1.7.9-2.el9.noarch
katello-common-4.13.0-1.el9.noarch
katello-repos-4.13.0-1.el9.noarch
katello-selinux-5.0.2-1.el9.noarch
pulpcore-selinux-2.0.1-1.el9.x86_64
python3.11-pulp-ansible-0.21.5-1.el9.noarch
python3.11-pulp-cli-0.23.2-1.el9.noarch
python3.11-pulp-container-2.20.0-1.el9.noarch
python3.11-pulp-deb-3.2.0-1.el9.noarch
python3.11-pulp-glue-0.23.2-1.el9.noarch
python3.11-pulp-python-3.11.1-1.el9.noarch
python3.11-pulp-rpm-3.25.3-1.el9.noarch
python3.11-pulpcore-3.49.8-2.el9.noarch
rubygem-dynflow-1.8.4-1.el9.noarch
rubygem-foreman-tasks-9.1.1-1.fm3_11.el9.noarch
rubygem-foreman_ansible-14.0.0-2.fm3_11.el9.noarch
rubygem-foreman_maintain-1.6.9-1.el9.noarch
rubygem-foreman_remote_execution-13.1.0-1.fm3_11.el9.noarch
rubygem-foreman_webhooks-3.2.2-3.fm3_11.el9.noarch
rubygem-hammer_cli-3.11.0-1.el9.noarch
rubygem-hammer_cli_foreman-3.11.0-1.el9.noarch
rubygem-hammer_cli_foreman_ansible-0.7.0-1.fm3_11.el9.noarch
rubygem-hammer_cli_foreman_remote_execution-0.3.0-1.el9.noarch
rubygem-hammer_cli_foreman_tasks-0.0.21-1.fm3_11.el9.noarch
rubygem-hammer_cli_foreman_webhooks-0.1.0-1.el9.noarch
rubygem-hammer_cli_katello-1.13.0-0.2.pre.master.el9.noarch
rubygem-katello-4.13.0-1.el9.noarch
rubygem-pulp_ansible_client-0.21.3-1.el9.noarch
rubygem-pulp_certguard_client-3.49.6-1.el9.noarch
rubygem-pulp_container_client-2.20.0-1.el9.noarch
rubygem-pulp_deb_client-3.2.0-1.el9.noarch
rubygem-pulp_file_client-3.49.6-1.el9.noarch
rubygem-pulp_ostree_client-2.3.0-1.el9.noarch
rubygem-pulp_python_client-3.11.1-1.el9.noarch
rubygem-pulp_rpm_client-3.25.3-1.el9.noarch
rubygem-pulpcore_client-3.49.6-1.el9.noarch
rubygem-smart_proxy_dynflow-0.9.2-1.fm3_11.el9.noarch
rubygem-smart_proxy_pulp-3.3.0-1.el9.noarch

Distribution and version:
Rocky Linux 9.4 x86_64

Other relevant data:
There are no pertinent errors/warnings in production.log nor catalina.log.

blank_cc
blank_cc2320×1314 104 KB

host_page_no_ansible_roles_no_tasks
host_page_no_ansible_roles_no_tasks3858×1248 206 KB

2

Damnit. Turned out it was a Firefox issue of some sort. Maybe plugin related. Works fine in Edge. Restarting Firefox (after disabling/re-enabling Privacy Badger plugin) did the trick.

1 Like