Unable to load the configuration page of zigbee2mqtt

Hi,

I started a zigbee2mqtt docker container with the below docker compose YAML file without any issue.

zigbee2mqtt:
container_name: zigbee2mqtt
image: koenkk/zigbee2mqtt
restart: unless-stopped
volumes:
- /data/zigbee2mqtt/data:/app/data
#- /run/udev:/run/udev:ro
ports:
# Frontend port
- 8080:8080
environment:
- TZ=Asia/Singapore
devices:
# Make sure this matched your adapter location
- /dev/serial/by-id/usb-Silicon_Labs_Sonoff_Zigbee_3.0_USB_Dongle_Plus_0001-if00-port0:/dev/ttyUSB0

The log file for this running container is as shown below:

Using ‘/app/data’ as data directory
Zigbee2MQTT:info 2022-10-04 23:30:07: Logging to console and directory: ‘/app/data/log/2022-10-04.23-30-07’ filename: log.txt
Zigbee2MQTT:info 2022-10-04 23:30:07: Starting Zigbee2MQTT version 1.27.2 (commit #7dc48fb)
Zigbee2MQTT:info 2022-10-04 23:30:07: Starting zigbee-herdsman (0.14.53)
Zigbee2MQTT:info 2022-10-04 23:30:09: zigbee-herdsman started (resumed)
Zigbee2MQTT:info 2022-10-04 23:30:09: Coordinator firmware version: ‘{“meta”:{“maintrel”:1,“majorrel”:2,“minorrel”:7,“product”:1,“revision”:20220219,“transportrev”:2},“type”:“zStack3x0”}’
Zigbee2MQTT:info 2022-10-04 23:30:09: Currently 0 devices are joined:
Zigbee2MQTT:warn 2022-10-04 23:30:09: permit_join set to true in configuration.yaml.
Zigbee2MQTT:warn 2022-10-04 23:30:09: Allowing new devices to join.
Zigbee2MQTT:warn 2022-10-04 23:30:09: Set permit_join to false once you joined all devices.
Zigbee2MQTT:info 2022-10-04 23:30:09: Zigbee: allowing new devices to join.
Zigbee2MQTT:info 2022-10-04 23:30:09: Connecting to MQTT server at mqtt://192.168.10.10
Zigbee2MQTT:info 2022-10-04 23:30:09: Connected to MQTT server
Zigbee2MQTT:info 2022-10-04 23:30:09: MQTT publish: topic ‘mybee2mqtt/bridge/state’, payload ‘{“state”:“online”}’
Zigbee2MQTT:info 2022-10-04 23:30:09: MQTT publish: topic ‘mybee2mqtt/bridge/state’, payload ‘{“state”:“online”}’

However, when I point my browser to http://192.168.10.10:8080, I hit into the below error:

192.168.10.10 refuse to connect.

I’ve verified with MQTT Explorer that the Mosquitto broker is working fine.
What could be causing the connection to be refused?

Today, when I turned on my Aqara TVOC sensor, I can see the below in zigbee2mqtt container log

Zigbee2MQTT:info 2022-10-05 15:31:15: Device ‘0x54ef441000357d03’ is supported, identified as: Xiaomi Aqara TVOC air quality monitor (VOCKQJK11LM)
Zigbee2MQTT:info 2022-10-05 15:31:15: MQTT publish: topic ‘mybee2mqtt/bridge/event’, payload ‘{“data”:{“definition”:{“description”:“Aqara TVOC air quality monitor”,“exposes”:[{“access”:1,“description”:“Measured temperature value”,“name”:“temperature”,“property”:“temperature”,“type”:“numeric”,“unit”:“°C”},{“access”:1,“description”:“Measured relative humidity”,“name”:“humidity”,“property”:“humidity”,“type”:“numeric”,“unit”:"%"},{“access”:1,“description”:“Measured VOC value”,“name”:“voc”,“property”:“voc”,“type”:“numeric”,“unit”:“ppb”},{“access”:1,“description”:“Temperature of the device”,“name”:“device_temperature”,“property”:“device_temperature”,“type”:“numeric”,“unit”:“°C”},{“access”:1,“description”:“Remaining battery in %”,“name”:“battery”,“property”:“battery”,“type”:“numeric”,“unit”:"%",“value_max”:100,“value_min”:0},{“access”:1,“description”:“Voltage of the battery in millivolts”,“name”:“voltage”,“property”:“voltage”,“type”:“numeric”,“unit”:“mV”},{“access”:1,“description”:“Link quality (signal strength)”,“name”:“linkquality”,“property”:“linkquality”,“type”:“numeric”,“unit”:“lqi”,“value_max”:255,“value_min”:0}],“model”:“VOCKQJK11LM”,“options”:[{“access”:2,“description”:“Number of digits after decimal point for temperature, takes into effect on next report of device.”,“name”:“temperature_precision”,“property”:“temperature_precision”,“type”:“numeric”,“value_max”:3,“value_min”:0},{“access”:2,“description”:“Calibrates the temperature value (absolute offset), takes into effect on next report of device.”,“name”:“temperature_calibration”,“property”:“temperature_calibration”,“type”:“numeric”},{“access”:2,“description”:“Number of digits after decimal point for humidity, takes into effect on next report of device.”,“name”:“humidity_precision”,“property”:“humidity_precision”,“type”:“numeric”,“value_max”:3,“value_min”:0},{“access”:2,“description”:“Calibrates the humidity value (absolute offset), takes into effect on next report of device.”,“name”:“humidity_calibration”,“property”:“humidity_calibration”,“type”:“numeric”},{“access”:2,“description”:“Calibrates the device_temperature value (absolute offset), takes into effect on next report of device.”,“name”:“device_temperature_calibration”,“property”:“device_temperature_calibration”,“type”:“numeric”}],“supports_ota”:true,“vendor”:“Xiaomi”},“friendly_name”:“0x54ef441000357d03”,“ieee_address”:“0x54ef441000357d03”,“status”:“successful”,“supported”:true},“type”:“device_interview”}’
Zigbee2MQTT:info 2022-10-05 15:31:15: Configuring ‘0x54ef441000357d03’
Zigbee2MQTT:info 2022-10-05 15:31:15: MQTT publish: topic ‘homeassistant/sensor/0x54ef441000357d03/temperature/config’, payload '{“availability”:[{“topic”:“mybee2mqtt/bridge/state”,“value_template”:"{{ value_json.state }}"}],“device”:{“identifiers”:[“zigbee2mqtt_0x54ef441000357d03”],“manufacturer”:“Xiaomi”,“model”:“Aqara TVOC air quality monitor (VOCKQJK11LM)”,“name”:“0x54ef441000357d03”,“sw_version”:“2020\u0000www.”},“device_class”:“temperature”,“enabled_by_default”:true,“name”:"0x54ef441000357d03

Looks like zigbee2mqtt is already working well but the landing page (http://192.168.10.10:8080) is displaying refuse to connect error.

Appreciate if someone could lend me a hand. Thank you in advance!

I missed out the frontend: true line in the configuration.yaml file for zigbee2mqtt