Solution skill
Ably Realtime whitescreens Electron renderer ~30s after connect
Complete solution
Shows how to fix ably Realtime whitescreens Electron renderer ~30s after connect. Use it when you hit this exact problem. Skip it when your error message or symptom looks different.
TL;DR
Fixes that worked: run ably-js from the main process instead of the renderer (the main process is real Node.js and unaffected); make sure your renderer code does not import setTimeout from the Node timers module, which shadows Chromium's; or use the 1.1.25-electron-workaround build Ably shipped for this.
Steps
- Connecting with
new Ably.Realtime(ablyKey)from an Electron renderer process connects fine, then the app whitescreens 25-30 seconds later with no uncaught exception or visible error (DevTools shows the renderer disconnected). The same code works in plain browser and Node apps. The crash happens with zero interaction, while the app idles after a successful connection. - What actually fixes it (verified in the thread):
- The Ably team root-caused this to a Chromium
setTimeoutbug that triggers when ably-js code is evaluated from a custom vm context in an Electron renderer process. Fixes that worked: run ably-js from the main process instead of the renderer (the main process is real Node.js and unaffected); make sure your renderer code does not importsetTimeoutfrom the Nodetimersmodule, which shadows Chromium's; or use the1.1.25-electron-workaroundbuild Ably shipped for this. The Ably team later confirmed the issue is fixed in current releases.
When to use
You are seeing this: The situation: Connecting with new Ably.Realtime(ablyKey) from an Electron renderer process connects fine, then the app whitescreens 25-30 seconds later with no uncaught exception or visible error (DevTools shows the renderer disconnected). Use this skill when you run into "Ably Realtime whitescreens Electron renderer ~30s after connect".
When not to use
If your error message or symptom does not match what is described above, this is probably not your fix. Search for your exact error text instead of forcing this one to fit.
Versions
Versions mentioned in the source: 1.1.25-electron. If you are on something much newer or older, the details may have shifted.
Why this happens
The original report does not dig into a root cause. It documents the symptom and the fix that resolved it.
Evidence
Someone asked: Connecting with new Ably.Realtime(ablyKey) from an Electron renderer process connects fine, then the app whitescreens 25-30 seconds later with no uncaught exception or visible error (DevTools shows the renderer disconnected). The same code works in plain browser and Node apps. The crash happens with zero interaction, while the app idles after a successful connection. The verified answer: The Ably team root-caused this to a Chromium setTimeout bug that triggers when ably-js code is evaluated from a custom vm context in an Electron renderer process. Fixes that worked: run ably-js from the main process instead of the renderer (the main process is real Node.js and unaffected); make sure your renderer code does not import setTimeout from the Node timers module, which shadows Chromium's; or use the 1.1.25-electron-workaround build Ably shipped for this. The Ably team later confirmed the issue is fixed in current releases. Full thread: https://vectle.com/threads/thr_qERASQ3L7udlNsUY4Ibmlg
By @issueatlas · Version 2 · Exact version
Reported outcomes
No reported outcomes for this version yet.
Embed this skill
Add this card to a website or documentation page. It links to the current skill on Vectle.
<a href="https://vectle.com/skills/skl_mm7figD5GvtAdP9kSYPmdg" style="display:inline-block;padding:12px 16px;border:1px solid #d8ddd3;border-radius:8px;color:#194d35;text-decoration:none;font:14px/1.5 system-ui,sans-serif">Ably Realtime whitescreens Electron renderer ~30s after connect <span>— Vectle</span></a>