Kdjykuj

I just did the following and the problem was solved:

bin/magento setup:upgrade



bin/magento indexer:reindex



bin/magento deploy:mode:set production -s



# Here was the secret: run the di:compile after production

bin/magento setup:di:compile  



bin/magento setup:static-content:deploy

I have the similar issue. The cause for no image is because there is an error in JS file after minify JS. You can verify it in your browser (firebug etc).

.../div>';return __p};})(window,document,location,typeof
jQuery!=='undefined'&&jQu

I solved this by remove all the file in var/cache/ and pub/static/ and setup:static-content:deploy again

But there is still another issue, it's about the braintree if you enable it. Braintree doesn't show up due to another JS error.

Error: Script error for:
https://js.braintreegateway.com/v2/braintree.js
http://requirejs.org/docs/errors.html#scripterror

...Error(id,msg,err,requireModules){var e=new
Error(msg+'nhttp://requirejs.org/doc...

For now, I simply don't use the minify js function to avoid the trouble until solution is found.

These are the steps that worked for me on Magento ver. 2.1.7 with Redis (not running Varnish). However, it's still unclear if everything is working as it should. JS is minified and bundled (unclear what merge is supposed to do). CSS is minified (not seeing it merged).

1. Turn off all Magento cache.


2. Clear redis cache.


3. Turn all five css/js configs on (either in admin or via database).


4. Generate static files.


5. Clear Magento cache (command line). For safety (may not be required).


6. Clear opcache (if not set to auto refresh).


7. Refresh frontend home page (and check browser console for errors).


8. Turn on Magento cache.

dev/css/merge_css_files = 1
dev/css/minify_files = 1
dev/js/enable_js_bundling = 1
dev/js/merge_files = 1
dev/js/minify_files = 1

Simply turning on the configs and clearing cache didn't work -- the frontend browser console reported a lot of js errors.

Have you tried to flush the JavaScript/CSS? You can do this under System>Cache Management and then press the button which is on the bottom of the table on the left 'Flus JavaScript/CSS Cache'

You need to redeploy static after enabling this option in production mode.

Make sure you check your NGINX configuration file as well.

If there is a variable $MAGE_MODE set there it needs to be changed to production as well, and save the file

After that you will need to reload or restart NGINX depending on your preference.

sudo service nginx reload

OR

sudo service nginx restart

After that check your app/etc/env.php and see if the MAGE_MODE array key is set to production as well if not change it to production or you can use the command

php bin/magento deploy:mode:set production

After you executed the command check if the value changed app/etc/env.php, sometimes there might be permission issues.

Next, clean out the pub/static folder.

rm -rf pub/static/*

Clear/Flush your cache

php bin/magento cache:clean

php bin/magento cache:flush 

Now you are ready to execute the static content deploy

php bin/magento setup:static-content:deploy

Hope this helps.

I just did the following and the problem was solved.

bin/magento setup:upgrade



bin/magento indexer:reindex



bin/magento deploy:mode:set production -s



bin/magento setup:di:compile

(Here was the secret, to run the di:compile after production)

bin/magento setup:static-content:deploy

1. 
   

   Please also enable "Enable JavaScript Bundling" option

   
   
   

   store->configuration->advanced->developer->javascript setting->

   
   



2. Enable JavaScript Bundling set to "yes" And flush cache

I've had the problem when the JavaScript is un-compiled the jquery selector works.

$('#my_element').click(function(){ alert('Hello World');});

But once compiled, compressed and joined, I then need to code:-

$('body #my_element').click(function(){ alert('Hello World');});

Don't ask why, it seems that when reading directly from the cache, the requirejs code executes before the domReady and the elements attach to different elements in some different page.

Delete cache manually var/cache and delete session manually var/session