Unable to open zigbee2mqtt web UI

Trying to open zigbee2mqtt web frontend in home assistant, but only get “Loading, please wait …”

Running hassio on Rapi 4.

`data_path: /share/zigbee2mqtt
external_converters: []
devices: devices.yaml
groups: groups.yaml
homeassistant: true
permit_join: true
mqtt:
  base_topic: zb2mqtt
  server: 'mqtt://core-mosquitto:1883'
  user: mqttuser
  password: xxxxxxxxxxxxx
serial:
  port: /dev/ttyACM0
advanced:
  log_level: info
  pan_id: 6754
  channel: 11
  network_key:
    - 1
    - 3
    - 5
    - 7
    - 9
    - 11
    - 13
    - 15
    - 0
    - 2
    - 4
    - 6
    - 8
    - 10
    - 12
    - 13
  availability_blocklist: []
  availability_passlist: []
device_options: {}
blocklist: []
passlist: []
queue: {}
frontend:
  port: 8099
experimental: {}
socat:
  enabled: false
  master: 'pty,raw,echo=0,link=/dev/ttyZ2M,mode=777'
  slave: 'tcp-listen:8485,keepalive,nodelay,reuseaddr,keepidle=1,keepintvl=1,keepcnt=5'
  restartdelay: 1
  initialdelay: 1
  options: '-d -d'
  log: false`

Logfile zigbee2mqtt

[s6-init] making user provided files available at /var/run/s6/etc...exited 0.
[s6-init] ensuring user provided files have correct perms...exited 0.
[fix-attrs.d] applying ownership & permissions fixes...
[fix-attrs.d] done.
[cont-init.d] executing container initialization scripts...
[cont-init.d] done.
[services.d] starting services
[services.d] done.
./run.sh: line 17: [Info] Configuration backup found in /share/zigbee2mqtt/.configuration.yaml.bk. Skipping config backup.: No such file or directory
[Info] Socat is DISABLED and not started
2020-10-12T20:44:47: PM2 log: Launching in no daemon mode
2020-10-12T20:44:47: PM2 log: App [npm:0] starting in -fork mode-
2020-10-12T20:44:47: PM2 log: App [npm:0] online
> [email protected] start /zigbee2mqtt-1.15.0
> node index.js
Zigbee2MQTT:info  2020-10-12 20:44:52: Logging to console and directory: '/share/zigbee2mqtt/log/2020-10-12.20-44-51' filename: log.txt
Zigbee2MQTT:info  2020-10-12 20:44:54: Starting Zigbee2MQTT version 1.15.0 (commit #1.15.0)
Zigbee2MQTT:info  2020-10-12 20:44:54: Starting zigbee-herdsman...
Zigbee2MQTT:info  2020-10-12 20:44:56: zigbee-herdsman started
Zigbee2MQTT:info  2020-10-12 20:44:56: Coordinator firmware version: '{"meta":{"maintrel":3,"majorrel":2,"minorrel":6,"product":0,"revision":20190608,"transportrev":2},"type":"zStack12"}'
Zigbee2MQTT:info  2020-10-12 20:44:56: Currently 2 devices are joined:
Zigbee2MQTT:info  2020-10-12 20:44:56: 0x00158d00033de35f (0x00158d00033de35f): WSDCGQ11LM - Xiaomi Aqara temperature, humidity and pressure sensor (EndDevice)
Zigbee2MQTT:info  2020-10-12 20:44:56: 0x00158d0002c63a1c (0x00158d0002c63a1c): MCCGQ01LM - Xiaomi MiJia door & window contact sensor (EndDevice)
Zigbee2MQTT:warn  2020-10-12 20:44:56: `permit_join` set to  `true` in configuration.yaml.
Zigbee2MQTT:warn  2020-10-12 20:44:56: Allowing new devices to join.
Zigbee2MQTT:warn  2020-10-12 20:44:56: Set `permit_join` to `false` once you joined all devices.
Zigbee2MQTT:info  2020-10-12 20:44:56: Zigbee: allowing new devices to join.
Zigbee2MQTT:info  2020-10-12 20:44:56: Started frontend on port 8099
Zigbee2MQTT:info  2020-10-12 20:44:56: Connecting to MQTT server at mqtt://core-mosquitto:1883
Zigbee2MQTT:info  2020-10-12 20:44:57: Connected to MQTT server
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'zb2mqtt/bridge/state', payload 'online'
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'zb2mqtt/0x00158d00033de35f', payload '{"battery":86,"humidity":70.6,"linkquality":86,"pressure":1009.2,"temperature":15.79,"voltage":2975}'
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'zb2mqtt/0x00158d0002c63a1c', payload '{"battery":97,"contact":true,"linkquality":39,"voltage":2995}'
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'zb2mqtt/bridge/config', payload '{"commit":"1.15.0","coordinator":{"meta":{"maintrel":3,"majorrel":2,"minorrel":6,"product":0,"revision":20190608,"transportrev":2},"type":"zStack12"},"log_level":"info","network":{"channel":11,"extendedPanID":"0xdddddddddddddddd","panID":6754},"permit_join":true,"version":"1.15.0"}'
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'homeassistant/sensor/0x00158d00033de35f/temperature/config', payload '{"availability_topic":"zb2mqtt/bridge/state","device":{"identifiers":["zigbee2mqtt_0x00158d00033de35f"],"manufacturer":"Xiaomi","model":"Aqara temperature, humidity and pressure sensor (WSDCGQ11LM)","name":"0x00158d00033de35f","sw_version":"Zigbee2MQTT 1.15.0"},"device_class":"temperature","json_attributes_topic":"zb2mqtt/0x00158d00033de35f","name":"0x00158d00033de35f_temperature","state_topic":"zb2mqtt/0x00158d00033de35f","unique_id":"0x00158d00033de35f_temperature_zb2mqtt","unit_of_measurement":"°C","value_template":"{{ value_json.temperature }}"}'
Zigbee2MQTT:info  2020-10-12 20:44:57: MQTT publish: topic 'homeassistant/sensor/0x00158d00033de35f/humidity/config', payload '{"availability_topic":"zb2mqtt/bridge/state","device":{"identifiers":["zigbee2mqtt_0x00158d00033de35f"],"manufacturer":"Xiaomi","model":"Aqara temperature, humidity and pressure sensor (WSDCGQ11LM)","name":"0x00158d00033de35f","sw_version":"Zigbee2MQTT 1.15.0"},"device_class":"humidity","json_attributes_topic":"zb2mqtt/0x00158d00033de35f","name":"0x00158d00033de35f_humidity","state_topic":"zb2mqtt/0x00158d00033de35f","unique_id":"0x00158d00033de35f_humidity_zb2mqtt","unit_of_measurement":"%","value_template":"{{ value_json.humidity }}"}'

I’m new to HA and have no idea how to fix it …

You need to add:

frontend:
  port: 8099
experimental:
  new_api: true

As I can see the ‘experimental’ part is missing in your config

2 Likes

Change

experimental: {}

to

experimental:
  new_api: true
2 Likes

Thanks a lot - that fixed it !

Hi, I’m facing this same issue: I cannot access the UI, but my configuration looks correct:

frontend:
  port: 8099
  host: 0.0.0.0
experimental:
  new_api: true

any idea what could be wrong here?

I’m on Zigbee2mqtt 1.18.1-1

Your host IP value appears incorrect. Possibly use 127.0.0.1 if it’s connected to the HA system?

This is not used anymore :

Try to update to 1.21.2

Interesting. I don’t get anything newer than 1.18.1-1

I’ve removed the repo and explicitly added this:

https://github.com/zigbee2mqtt/hassio-zigbee2mqtt

and now I’m on 1.21.2 but I’m still getting the same error trying to access the ui.

network tab tells me that this is the call that returns 401:

http://192.168.1.101:8123/api/hassio_ingress/K7MT8o6zOSkUsPzRmCLW5yoiizrc1pwMahwqa_-poeg/

Using Firefox ? Disable enhanced tracking protection

ah!

I would have never bet this would have fixed it, but your suggestion led me in the right direction.

I cannot make it work in Firefox, even with ublock disabled but it works just fine in Chrome.

Slightly annoying but at least I have a way in, thank you!

Follow up: I’ve just noticed all the addons are unaccessible with a 401 in Firefox:
also Terminal and File Editor, making this more than even not a zigbee2mqtt problem but somehting else.

image

Oh, thank you very much. Totally missed this!

I’m having a similar issue, set new_api to true, but keep on getting the ‘Loading, please wait’ screen. Everything works fine with ZHA. Any idea?

Below my config and log.

Config:

data_path: /config/zigbee2mqtt
external_converters: []
devices: devices.yaml
groups: groups.yaml
homeassistant: true
permit_join: false
mqtt:
  base_topic: zigbee2mqtt
serial:
  port: /dev/ttyACM0
advanced:
  log_level: warn
  pan_id: 6754
  channel: 11
  network_key:
    - 1
    - 3
    - 5
    - 7
    - 9
    - 11
    - 13
    - 15
    - 0
    - 2
    - 4
    - 6
    - 8
    - 10
    - 12
    - 13
  availability_blocklist: []
  availability_passlist: []
device_options: {}
blocklist: []
passlist: []
queue: {}
frontend:
  port: 8099
experimental:
  new_api: true
availability: true
socat:
  enabled: false
  master: pty,raw,echo=0,link=/tmp/ttyZ2M,mode=777
  slave: tcp-listen:8485,keepalive,nodelay,reuseaddr,keepidle=1,keepintvl=1,keepcnt=5
  options: '-d -d'
  log: false
port: tcp://192.168.168.20:8888

Log:

[s6-init] making user provided files available at /var/run/s6/etc...exited 0.
[s6-init] ensuring user provided files have correct perms...exited 0.
[fix-attrs.d] applying ownership & permissions fixes...
[fix-attrs.d] done.
[cont-init.d] executing container initialization scripts...
[cont-init.d] socat.sh: executing... 
[18:34:37] INFO: Socat not enabled, marking service as down
[cont-init.d] socat.sh: exited 0.
[cont-init.d] zigbee2mqtt.sh: executing... 
[18:34:39] INFO: MQTT available, fetching server detail ...
[18:34:39] INFO: MQTT server settings not configured, trying to auto-discovering ...
[18:34:41] INFO: Configuring 'mqtt://core-mosquitto:1883' mqtt server
[18:34:41] INFO: MQTT credentials not configured, trying to auto-discovering ...
[18:34:42] INFO: Configuring'addons' mqtt user
[18:34:42] INFO: Previous config file found, checking backup
[18:34:42] INFO: Creating backup config in '/config/zigbee2mqtt/.configuration.yaml.bk'
[18:34:42] INFO: Adjusting Zigbee2mqtt core yaml config with add-on quirks ...
[cont-init.d] zigbee2mqtt.sh: exited 0.
[cont-init.d] done.
[services.d] starting services
[services.d] done.
[18:34:44] INFO: Handing over control to Zigbee2mqtt Core ...
> [email protected] start
> node index.js
Zigbee2MQTT:warn  2021-12-12 18:34:56: Using experimental new availability feature
1 Like

Anyone have any idea?

This one also seems related:
Web UI memory leak in Firefox?