Not able to see Components in Edit Page mode

💬 App Building
1
  1. My goal: Add a Text Input to the Page
  2. Issue: Component drawer is empty
  3. Steps I've taken to troubleshoot: Cleaned browser cache, restarted browser.
  4. Additional info: (Cloud or Self-hosted, Screenshots): Cloud

image
image656×503 11.9 KB

Modules are indeed available but all modules show errors i.e. red border.

image
image589×363 19.2 KB

Components are not visible even for existing apps.

image
image1044×634 79.6 KB

Also not visible when adding above or below an existing component (Both new and existing apps).

image
image326×303 10.1 KB

Please advise?

Thanks and regards,

SG

2

Hey @SSG_HM - do you have any custom css in place that might be impacting the editor?

3

A few other thoughts:

1. Hard Refresh Your Browser

The simplest explanation is that your browser has a corrupted or outdated version of the editor's assets in its cache. A hard refresh forces the browser to re-download everything from the server.

  • On Windows/Linux: Press Ctrl+Shift+R
  • On macOS: Press Cmd+Shift+R

2. Check the Browser's Developer Console for Errors

This is the most crucial step for diagnosing the issue. If components fail to load, there will almost certainly be error messages logged in the console.

  • How to Open: Right-click anywhere on the page, select "Inspect" or "Inspect Element", and then navigate to the "Console" tab in the panel that appears. You can also typically press the F12 key.
  • What to Look For: Look for any text highlighted in red. Error messages related to 404 (Not Found), Failed to fetch, CORS policy, or other JavaScript errors could point directly to the cause. A screenshot of these errors would be invaluable for further troubleshooting.

3. Check the Network Tab and for Blocked Requests

It's possible that a network security rule, proxy, VPN, or firewall is blocking the specific request that fetches the component list.

  • How to Check: In the same developer tools panel, go to the "Network" tab. Refresh the page and look for any requests that are highlighted in red or have a status of failed, blocked, or a 4xx/5xx error code (e.g., 403 Forbidden).

4. Isolate Browser Issues

To rule out problems with your browser's configuration, extensions, or cache, please try the following:

  • Incognito/Private Mode: Open your Retool application in a new incognito (Chrome) or private (Firefox/Safari) window. This mode typically disables extensions and uses a fresh cache. If the components appear here, the issue is with an extension or your browser's cache on your main profile.
  • Try a Different Browser: If you are using Chrome, try Firefox, or vice versa. This helps determine if the issue is specific to one browser.

5. Check the Official Retool Status Page

While less likely to cause such a specific issue, it's always worth checking if Retool is experiencing a partial outage that could affect editor services.

4

No custom CSS

5

Did ABSOLUTELY nothing except shutting down the PC at night and starting it again around noon today. Now I thought to check on this thread, saw your reply and thought to check so open/login to Retool and it shows everything nicely!

image
image417×405 18.7 KB

No cleaning browser or the PC or any maintenance activity yesterday before shutting down or today after switching it on.

6

Hey @SSG_HM, glad to hear everything is showing up nicely now. Please keep us posted if this happens again, and thank you @turps808 for jumping in so quickly to help! :raised_hands: