Issue with Custom CSS in Theme Editor Not Loading

Contribute Bug

AI-generated summary

CAKE_NICE is experiencing an issue with the theme editor in Discourse, where the custom CSS/HTML editor fails to load. The problem persists despite trying various troubleshooting steps, including clearing browser cache, disabling plugins, and using different browsers.

After further investigation, CAKE_NICE discovered that the issue is caused by the ace.js file failing to load, even in safe mode. pmusaraj suggested checking the browser’s JavaScript console for errors and verifying if the issue is specific to a particular theme.

CAKE_NICE found that the issue is related to incompatibility between the Air theme and Ace.js. However, pmusaraj was unable to reproduce the issue locally.

david suggested that the problem might be due to an incorrect file name, as the current version of Discourse uses a different file name instead of ace.js. He recommended verifying if the ./launcher rebuild app command completed successfully during the update process.

1

Hi everyone,

I’m encountering an issue with the theme editor on my Discourse site. When I try to edit the custom CSS/HTML under the “CSS” tab, the loading indicator keeps spinning, and the editor never loads. I have attached a screenshot to illustrate the problem.

Here is what I’ve tried so far:

  1. Cleared my browser cache.
  2. Disabled all non-official plugins.
  3. Used different browsers and devices.
  4. Verified that my admin account has the necessary permissions.

Despite these efforts, the issue persists. Has anyone else encountered this problem or have any suggestions on how to resolve it?

Thank you in adv

image
image1516×538 28.2 KB

2

Does the issue persist in safe mode?

1 Like
3

Yes, it still exists in the safe mode. It seems to be a problem that occurred after the Discourse update yesterday.

I remember that update had 218 commits.

1 Like
4

image
image353×569 22 KB

Hi everyone,

I’m encountering an issue where the ace.js file fails to load, even when running Discourse in safe mode. This issue prevents the theme editor from functioning properly. I’ve attached a screenshot showing the failed request.

Here is what I’ve tried so far:

  1. Cleared browser cache and cookies.
  2. Attempted to access the site using different browsers.
  3. Checked server logs but found no clear indication of the issue.
  4. Verified file permissions and paths on the server.
  5. Rebuilt the app using ./launcher rebuild app.
  6. Ensured all Discourse and plugin updates are installed.

Despite these efforts, the problem persists. Has anyone else encountered this issue or have any suggestions on how to resolve it?

Thank you in advance for your help!

5

Do you see any errors in the browser’s javascript console?

Also, is this happening on every theme (or theme component) or only this specific one?

7

I seem to have found an error; Ace.js is incompatible with the Air theme.

1 Like
8

I can’t reproduce the issue locally with the Air theme. Ace.js loads fine on all the tabs of that theme.

9

Just curious, could it be an issue with Ad Blocker or the Chinese Great Firewall?

10

The current version of Discourse will not load a file called ace.js. Instead, it should be named something like this:

SCR-20240726-kgnz
SCR-20240726-kgnz1324×134 15.8 KB

So it seems like something went wrong with your update. Are you sure that the ./launcher rebuild app completed successfully?

2 Likes
11

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.