Management UI Blank

[burgoyn1]

Describe the bug

The management UI is completely blank but when I check the network logs, all the webhooks and calls are working correctly/returning json.

• RabbitMQ 3.11.10
• Erlang 25.3

Reproduction steps

Log into the UI, it is blank

Expected behavior

I expect to see charts/menus/queue data but I am not.

Additional context

I am getting the following error in the javascript:

Uncaught TypeError: user.tags.split is not a function
at setup_global_vars (global.js:210:444)
at check_login (main.js:12:1)
at start_app_login (main.js:7:488)
at HTMLDocument. (main.js:1:522)
at e (jquery-3.5.1.min.js:2:30005)
at t (jquery-3.5.1.min.js:2:30307)

Sorry for not providing much information. All I had to go by was the blank screen, the above console error. Here is the json from the "overview" endpoint:

{
  "management_version": "3.11.10",
  "rates_mode": "basic",
  "sample_retention_policies": {
    "global": [
      600,
      3600,
      28800,
      86400
    ],
    "basic": [
      600,
      3600
    ],
    "detailed": [
      600
    ]
  },
  "exchange_types": [
    {
      "name": "direct",
      "description": "AMQP direct exchange, as per the AMQP specification",
      "enabled": true
    },
    {
      "name": "fanout",
      "description": "AMQP fanout exchange, as per the AMQP specification",
      "enabled": true
    },
    {
      "name": "headers",
      "description": "AMQP headers exchange, as per the AMQP specification",
      "enabled": true
    },
    {
      "name": "topic",
      "description": "AMQP topic exchange, as per the AMQP specification",
      "enabled": true
    }
  ],
  "product_version": "3.11.10",
  "product_name": "RabbitMQ",
  "rabbitmq_version": "3.11.10",
  "cluster_name": "rabbitmq-cluster-202305",
  "erlang_version": "25.3",
  "erlang_full_version": "Erlang/OTP 25 [erts-13.2] [source] [64-bit] [smp:8:8] [ds:8:8:10] [async-threads:1] [jit:ns]",
  "release_series_support_status": "supported",
  "disable_stats": false,
  "is_op_policy_updating_enabled": true,
  "enable_queue_totals": false,
  "message_stats": {
    "ack": 7262,
    "ack_details": {
      "rate": 4
    },
    "confirm": 0,
    "confirm_details": {
      "rate": 0
    },
    "deliver": 14151,
    "deliver_details": {
      "rate": 8
    },
    "deliver_get": 14151,
    "deliver_get_details": {
      "rate": 8
    },
    "deliver_no_ack": 0,
    "deliver_no_ack_details": {
      "rate": 0
    },
    "disk_reads": 0,
    "disk_reads_details": {
      "rate": 0
    },
    "disk_writes": 7927,
    "disk_writes_details": {
      "rate": 0.4
    },
    "drop_unroutable": 0,
    "drop_unroutable_details": {
      "rate": 0
    },
    "get": 0,
    "get_details": {
      "rate": 0
    },
    "get_empty": 0,
    "get_empty_details": {
      "rate": 0
    },
    "get_no_ack": 0,
    "get_no_ack_details": {
      "rate": 0
    },
    "publish": 7928,
    "publish_details": {
      "rate": 0.2
    },
    "redeliver": 6841,
    "redeliver_details": {
      "rate": 4.2
    },
    "return_unroutable": 0,
    "return_unroutable_details": {
      "rate": 0
    }
  },
  "churn_rates": {
    "channel_closed": 12949,
    "channel_closed_details": {
      "rate": 4.8
    },
    "channel_created": 13021,
    "channel_created_details": {
      "rate": 5.2
    },
    "connection_closed": 8870,
    "connection_closed_details": {
      "rate": 1.6
    },
    "connection_created": 3994,
    "connection_created_details": {
      "rate": 1
    },
    "queue_created": 11,
    "queue_created_details": {
      "rate": 0
    },
    "queue_declared": 19857,
    "queue_declared_details": {
      "rate": 5.4
    },
    "queue_deleted": 0,
    "queue_deleted_details": {
      "rate": 0
    }
  },
  "queue_totals": {
    "messages": 654,
    "messages_details": {
      "rate": -4.2
    },
    "messages_ready": 604,
    "messages_ready_details": {
      "rate": -4.2
    },
    "messages_unacknowledged": 50,
    "messages_unacknowledged_details": {
      "rate": 0
    }
  },
  "object_totals": {
    "channels": 56,
    "connections": 82,
    "consumers": 50,
    "exchanges": 18,
    "queues": 11
  },
  "statistics_db_event_queue": 0,
  "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
  "listeners": [
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "amqp",
      "ip_address": "::",
      "port": 5672,
      "socket_opts": {
        "backlog": 128,
        "nodelay": true,
        "linger": [
          true,
          0
        ],
        "exit_on_close": false
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "amqp",
      "ip_address": "::",
      "port": 5672,
      "socket_opts": {
        "backlog": 128,
        "nodelay": true,
        "linger": [
          true,
          0
        ],
        "exit_on_close": false
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "amqp",
      "ip_address": "::",
      "port": 5672,
      "socket_opts": {
        "backlog": 128,
        "nodelay": true,
        "linger": [
          true,
          0
        ],
        "exit_on_close": false
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "amqp",
      "ip_address": "::",
      "port": 5672,
      "socket_opts": {
        "backlog": 128,
        "nodelay": true,
        "linger": [
          true,
          0
        ],
        "exit_on_close": false
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "amqp",
      "ip_address": "::",
      "port": 5672,
      "socket_opts": {
        "backlog": 128,
        "nodelay": true,
        "linger": [
          true,
          0
        ],
        "exit_on_close": false
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "clustering",
      "ip_address": "::",
      "port": 25672,
      "socket_opts": []
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "clustering",
      "ip_address": "::",
      "port": 25672,
      "socket_opts": []
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "clustering",
      "ip_address": "::",
      "port": 25672,
      "socket_opts": []
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "clustering",
      "ip_address": "::",
      "port": 25672,
      "socket_opts": []
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "clustering",
      "ip_address": "::",
      "port": 25672,
      "socket_opts": []
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http",
      "ip_address": "::",
      "port": 15672,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15672
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http",
      "ip_address": "::",
      "port": 15672,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15672
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http",
      "ip_address": "::",
      "port": 15672,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15672
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http",
      "ip_address": "::",
      "port": 15672,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15672
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http",
      "ip_address": "::",
      "port": 15672,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15672
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http/prometheus",
      "ip_address": "::",
      "port": 15692,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15692,
        "protocol": "http/prometheus"
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http/prometheus",
      "ip_address": "::",
      "port": 15692,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15692,
        "protocol": "http/prometheus"
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http/prometheus",
      "ip_address": "::",
      "port": 15692,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15692,
        "protocol": "http/prometheus"
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http/prometheus",
      "ip_address": "::",
      "port": 15692,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15692,
        "protocol": "http/prometheus"
      }
    },
    {
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "protocol": "http/prometheus",
      "ip_address": "::",
      "port": 15692,
      "socket_opts": {
        "cowboy_opts": {
          "sendfile": false
        },
        "port": 15692,
        "protocol": "http/prometheus"
      }
    }
  ],
  "contexts": [
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Management",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15672"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Management",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15672"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Management",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15672"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Management",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15672"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Management",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15672"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-0.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Prometheus",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15692",
      "protocol": "'http/prometheus'"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-1.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Prometheus",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15692",
      "protocol": "'http/prometheus'"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-2.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Prometheus",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15692",
      "protocol": "'http/prometheus'"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-3.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Prometheus",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15692",
      "protocol": "'http/prometheus'"
    },
    {
      "ssl_opts": [],
      "node": "rabbit@rabbitmq-cluster-202305-server-4.rabbitmq-cluster-202305-nodes.rabbitmq",
      "description": "RabbitMQ Prometheus",
      "path": "/",
      "cowboy_opts": "[{sendfile,false}]",
      "port": "15692",
      "protocol": "'http/prometheus'"
    }
  ]
}

[michaelklishin]

Clearing browser cache (and local storage just in case) will help.

We cannot suggest anything else with this amount of information

[lukebakken]

@burgoyn1 at a minimum you must tell us what version of RabbitMQ and Erlang you are using.

[burgoyn1]

Sorry, since I was getting a blank UI it was now showing me anything. I have updated the ticket.

[lukebakken]

I can't reproduce. Please see this comment, especially if you have just upgraded RabbitMQ. Also please note that you are not using the latest version of RabbitMQ.

docker run --pull always --rm --publish 15672:15672 rabbitmq:3.11.10-management

Management UI:

[burgoyn1]

It was a brand new cluster, built in kubernetes, so it didn't have the latest by default. I decided to delete the kubernetes yaml file and run it again, then the management cluster loaded just fine. Why would it throw a JS error of "user.tags.split is not a function" though?

[lukebakken]

Are you using the newest version of RabbitMQ now? There have been some bugs in the management UI that could have been fixed since 3.11.10

[burgoyn1]

No, same identical version just a fresh install. I honestly don't know why it was not showing and now is.

[michaelklishin]

Browser caching is a true mystery sometimes