Fix WordPress CSS & JS From Breaking

Written by
Typical Read
1 minutes

I recently came across a strange WordPress issue that was driving me up a wall. After completing a fresh install in a MAMP environment, I was having intermittent issues where it appeared the CSS and JS wasn't getting loaded in the admin dashboard.

UPDATE: If you’re running the latest version of WordPress, this should no longer be an issue.

Ever run into CSS or JS failing to load when working on a WordPress project locally? Me too!!! I even tried a fresh install using MAMP, but still got intermittent issues. It was driving me nuts until I did a little googling and found what the problem was.

WordPress loadscripts Screenshot Error

If you’re seeing something like what’s shown above, you’re probably having the same issue I was with the load-scripts.php and load-styles.php files. I was surprised to see on a fresh install of WordPress, console was returning a bunch of CSS and JS errors. I took a look at one of the problem files, load-scripts.php from the console and found:

WordPress load-scripts.php Console Error

Yikes! Initially I thought my install got corrupted somehow, so tried to re-installing WordPress again with no luck. After digging around, I finally found a solution.

In wp-config.php, add the following:

define( 'CONCATENATE_SCRIPTS', false );

1 comment on “Fix WordPress CSS & JS From Breaking”.

# Aug 28, 2018

thanks man you saved me lots of trouble <3

Join the conversation.

Your email address will not be published. Required fields are marked *

All comments posted on 'Fix WordPress CSS & JS From Breaking' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.