Categories: Magento 2

Fixing: Failed to Load Resources Error After Installing Magento 2

Fixing Failed to Load Resources Error After Installing Magento 2 2

If you experiencing the issue of “Failed to load resource: the server responded with a status of 404 (Not found)” for CSS and Js after installing Magento 2 on Wamp server windows, try following these steps.

Here are the steps which needs to be followed,

Download Magento 2 zip from http://www.magentocommerce.com/download with sample data.
Create new database in phpmyadmin,
Extract zip in htdocs folder
Install Magento 2, Make sure you use 127.0.0.1 instead of localhost in store URL and admin URL
DO NOT run magento yet.
Clear / delete caches and sessions of Magento 2. Go to following paths and delete everything:

ROOT > var > cache > *DELETE ALL*

ROOT > var > page_cache > *DELETE ALL*

ROOT > var > session > *DELETE ALL*

Php.ini change max_execution_time to 500, memory_limit to 2048M, post_max_size to 2048M, upload_max_filesize to 2048M and max_file_uploads to 2048.

Magento will try to create symlinks for some static resources on local server. You will need to change that behavior of Magento 2 by going to edit ROOT > app > etc > di.xml file.

Open up di.xml, find the virtualType name=”developerMaterialization” section.

In that section below, you will find an item <item name=”view_preprocessed” xsi:type=”object”> which needs to be modified. You can modify it by changing the following content:

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

To:

Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

Delete everything from ROOT > pub > static > DELETE ALL EXCEPT .HTACCESS

Do let us know via commenting if you are still facing any issue or share your feedbacks for this.

Click to rate this post!

[Total: 24 Average: 3.8]

Dhiren Vasoya

Dhiren Vasoya is a Director and Co-founder at MageComp, Passionate 🎖️ Certified Magento Developer👨‍💻. He has more than 9 years of experience in Magento Development and completed 850+ projects to solve the most important E-commerce challenges. He is fond❤️ of coding and if he is not busy developing then you can find him at the cricket ground, hitting boundaries.🏏

Next How to Use Built-In jQuery Library in Magento 2 »

Previous « Get Active Payment Methods with Multi select in Backend

View Comments

Nicolas says:

July 16, 2020 at 7:02 pm

Hi, I did it but I have these problems. Do you have any idea how I could solve it?

At the Home Page:
Uncaught (in promise) Could not establish connection. Receiving end does not exist.
/magentoNew/jquery.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: jquery
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/jquery/jquery.mobile.custom.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: jquery/jquery.mobile.custom
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/mage/translate-inline.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: mage/translate-inline
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/mage/common.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: mage/common
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/mage/dataPost.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: mage/dataPost
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/mage/bootstrap.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: mage/bootstrap
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/Magento_Translation/js/mage-translation-dictionary.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: Magento_Translation/js/mage-translation-dictionary
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/Magento_Theme/js/responsive.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: Magento_Theme/js/responsive
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
/magentoNew/Magento_Theme/js/theme.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
require.js:141 Uncaught Error: Script error for: Magento_Theme/js/theme
http://requirejs.org/docs/errors.html#scripterror
at makeError (require.js:166)
at HTMLScriptElement.onScriptError (require.js:1681)
- magecomp says:
  
  July 21, 2020 at 5:07 pm
  
  Confirm you have done proper configuration for the database in env.php file.
  Then run the deploy and upgrade command and then check it once.
Durga says:

April 26, 2020 at 9:23 pm

Wao !! applying these steps helped me out.. Now no more resource loading issue.
But I am observing too slow in loading of admin dashboard .. Could you please suggest how to fix this ?
Thanks a lot for your post !!
- MageComp says:
  
  April 27, 2020 at 10:33 am
  
  Slow admin shouldn't be the part of this issue, but you can make sure caching is enabled, production mode is enabled if you are not doing development.
  Setup varnish if its live store to help you with Magento performance.
Ahmed Chouihi says:

April 16, 2020 at 4:30 pm

Does it correspond to magento 2.3
- Durga says:
  
  April 26, 2020 at 9:23 pm
  
  Yes I have applied these in magento 2.3, and it fixed the issue
Jegadeesh West Neyyoor says:

January 31, 2018 at 1:09 am

Works in first try!!!
Daniel says:

January 23, 2018 at 11:52 pm

It works, thanks Bro!
Csaba Varga says:

September 26, 2017 at 2:29 am

Still not working. I've done everything as described above. But still the admin page gives a 404 error and home page loads without css and js. Good job!
- magecomp says:
  
  October 4, 2017 at 11:47 am
  
  After followed all the steps above,
  Did you run magento commands, if not then please do that.
adi says:

August 21, 2017 at 9:16 am

works well, thank you.
Adri says:

April 19, 2017 at 9:46 pm

Great! It worked
mounika says:

February 25, 2017 at 6:10 am

Yes, It's worked

Again getting site broken after refreshing page, the situation is repeating.

Can you help me.
- magecomp says:
  
  February 25, 2017 at 9:28 am
  
  Run the static content deploy command again.
Ahmad Saeed says:

February 16, 2017 at 11:03 pm

thanks a lots. it helped me so much, I was about to lose hope of fixing this
- magecomp says:
  
  February 17, 2017 at 9:02 am
  
  Glad to know it helped you.. :)