{{MEDIA_URL}} in source code

[ci2014]

Hello everyone,

after a fresh installation of Magento 2, i see this one in my source code:

How may I fix this?

Thank you very much.

[srenon]

@ci2014 ... on which page?

[ci2014]

@srenon on every page

<link  rel="stylesheet" type="text/css"  media="all" href="{{MEDIA_URL}}styles.css" />

[moderncodes]

I having same issue. I have two Magento 2 installations, one installed with sample data for testing, and other one without it.
One installation that contains sample data, I have no issues with it.
But, another installation without sample data throws that 404 message
http://example.com/%7B%7BMEDIA_URL%7D%7Dstyles.css.

I think it have something to do with STORE > Configuration > [GENERAL] Design > HTML Head > Miscellaneous Scripts.

Any help is appreciated, thank you.

[Khaleel]

Try running the Magento Minification tool in the admin panel. Then check your front end. Then if it works then turn off the minification tool as this will and should insert the correct URL inside the variable and all pages will have the new URL. Sounds loopy I know!

[moderncodes]

Khaleel - Thank you for your suggestion.
If I understand this correctly, you are talking about STORES > Configuration > Advanced > Developer > CSS Settings > Minify CSS Files set to YES. I did that, saved it, and it did not fix the issues. I did that back and forward, it does no changes. I also flushed the cache.

I not sure how helpful this is, but in "Magento 2 (with) sample data" /pub/media/styles.css contains styling for the sample data.
"Magento 2 (without) sample data" doesn't have styles.css file in that folder at all. And for testing purposes even if i put styles.css in to that folder, I still get this annoying 404 message.
So, my question is what is this file for and how it is being generated

href="{{MEDIA_URL}}styles.css"

[Khaleel]

Sorry it did not help. Strange one this. I have also updated to the latest M2 build and I am using (EE) and I am having issues with other plugins and customization. Sorry could not help

[toddwolaver]

I saw this as well. I found it was due to the use of sample data without the sample data modules installed.

It is a poor implementation in the sample data to swap out the MEDIA_URL, and only works if the correct module is installed. As a quick fix, I added the ThemeSampleData module to my composer.json. (i.e. under require... "magento/module-theme-sample-data": "*")

See: https://github.com/magento/magento2-sample-data/blob/develop/app/code/Magento/ThemeSampleData/Plugin/View/Page/Config.php

[tomislavsantek]

@moderncodes,

as you have pointed out, in STORE > Configuration > [GENERAL] Design > HTML Head > Miscellaneous Scripts, there is

<link rel="stylesheet" type="text/css" media="all" href="{{MEDIA_URL}}styles.css" />

I've looked in the pub/media directory, and styles.css was there.

Although this is not an actual solution, I've bypassed the problem by editing the configuration to include correct css:

Just FYI, this problem occured to me on a Magento instance which was installed via composer. On my other instance installed via zip package, this error did not occur.

[Vinai]

This issue still exists. Steps to reproduce:

$ composer create-project --repository-url=https://repo.magento.com/ magento/project-community-edition mage2ee
$ bin/magento setup:install --backend-frontname=admin --db-host=localhost --db-name=m2_training --db-user=m2_training --db-password="algla904.-were-eioio0=" --base-url=http://example.dev/ --use-rewrites=1 --admin-user=admin --admin-password=password123 --admin-email=admin@example.com --admin-firstname=Admin --admin-lastname=Admin --use-sample-data

Access the home page shows the sample data products without media.
So as @toddwolaver said, using the sample data without them being installed causes the issue.

Trying to fix this by running

$ bin/magento sampledata:deploy
$ bin/magento cache:flush
$ bin/magento setup:static-content:deploy

made no difference.
However, reinstalling (with the --cleanup-database switch) worked. So basically an install with the sample data already installed.
Can't test right now, but I assume running bin/magento setup:upgrade after bin/magento sampledata:deploy would also have done the trick.

So to summarize, to get a fully working installation currently the following order of steps is required:

$ composer create-project --repository-url=https://repo.magento.com/ magento/project-community-edition mage2ee
$ bin/magento sampledata:deploy
$ bin/magento setup:install --backend-frontname=admin --db-host=localhost --db-name=m2_training --db-user=m2_training --db-password="algla904.-were-eioio0=" --base-url=http://example.dev/ --use-rewrites=1 --admin-user=admin --admin-password=password123 --admin-email=admin@example.com --admin-firstname=Admin --admin-lastname=Admin --use-sample-data

Or, to fix the issue on an existing installation, I assume the following works:

$ bin/magento sampledata:deploy
$ bin/magento setup:upgrade

Suggestion: maybe a notice that setup:upgrade needs to be run should be added after sampledata:deploy?

[YugiHoang]

in my case i just need to enable module-theme-sample-data module, open file app/etc/config.php you add this line
'Magento_ThemeSampleData' => 1,

[slackerzz]

same problem after upgrading from 2.0.7 to 2.1 (EE), following @YugiHoang suggestion fixed it

maybe a real FIX is needed