JS dan CSS yang digabungkan tidak berfungsi saat mode Produksi

Saya berada dalam mode pengembang , semuanya hebat, ketika saya berubah ke mode Produksi , opsi Gabungan CSS dan JS tampaknya diabaikan, itu kembali mendaftar semua css dan js.

Juga halaman produk hanya menampilkan gambar-gambar produk dalam mode pengembang, setelah berubah ke mode produksi mereka menghilang.

Adakah pemikiran untuk membantu saya?

Intinya adalah, saya melakukannya.

Inilah yang saya lakukan secara berurutan:

bin/magento setup:upgrade

bin/magento indexer:reindex

bin/magento setup:static-content:deploy

bin/magento setup:di:compile

bin/magento deploy:mode:set production

bin/magento setup:static-content:deploy

Dan bahkan sebelum memulai, opsi Gabung adalah YA dan saya dalam mode pengembang.

Saya baru saja melakukan yang berikut dan masalahnya terpecahkan:

setup bin / magento: tingkatkan

pengindeks bin / magento: indeks ulang

penyebaran bin / magento: mode: atur produksi -s

# Inilah rahasianya: jalankan di: compile setelah produksi
setup bin / magento: di: compile  

setup bin / magento: static-content: deploy

Pastikan Anda juga memeriksa file konfigurasi NGINX Anda.

Jika ada $MAGE_MODEset variabel di sana itu perlu diubah productionjuga, dan menyimpan file

Setelah itu, Anda perlu memuat ulang atau memulai ulang NGINX tergantung pada preferensi Anda.

sudo service nginx reload

ATAU

sudo service nginx restart

Setelah itu periksa app/etc/env.phpdan lihat apakah MAGE_MODEkunci array diatur productionjuga jika tidak mengubahnya productionatau Anda dapat menggunakan perintah

php bin/magento deploy:mode:set production

Setelah Anda menjalankan perintah, periksa apakah nilainya berubah app/etc/env.php, terkadang ada masalah izin.

Selanjutnya, bersihkan pub/staticfoldernya.

rm -rf pub/static/*

Hapus / Bilas cache Anda

php bin/magento cache:clean
php bin/magento cache:flush 

Sekarang Anda siap untuk menjalankan penyebaran konten statis

php bin/magento setup:static-content:deploy

Semoga ini membantu.

Saya memiliki masalah serupa. Penyebab tidak adanya gambar adalah karena ada kesalahan pada file JS setelah memperkecil JS. Anda dapat memverifikasinya di browser Anda (pembakar dll).

... / div> '; return __p};}) (jendela, dokumen, lokasi, jenis jQuery! ==' undefined '&& jQu

Saya memecahkan ini dengan menghapus semua file di var / cache /dan pub / static / dan setup: static-content: deploy lagi

Tetapi masih ada masalah lain, ini tentang braintree jika Anda mengaktifkannya. Braintree tidak muncul karena kesalahan JS lainnya.

Kesalahan: Kesalahan skrip untuk: https://js.braintreegateway.com/v2/braintree.js http://requirejs.org/docs/errors.html#scripterror

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

Untuk saat ini, saya hanya tidak menggunakan fungsi js minify untuk menghindari masalah sampai solusi ditemukan.

Ini adalah langkah-langkah yang berhasil bagi saya di Magento ver. 2.1.7 dengan Redis (tidak menjalankan Varnish). Namun, masih belum jelas apakah semuanya berjalan sebagaimana mestinya. JS diperkecil dan dibundel (tidak jelas apa yang seharusnya dilakukan gabungan). CSS diperkecil (tidak melihatnya digabungkan).

1. Matikan semua cache Magento.
2. Bersihkan cache redis.
3. Aktifkan semua konfigurasi css / js (baik di admin atau melalui database).
4. Hasilkan file statis.
5. Bersihkan cache Magento (baris perintah). Untuk keamanan (mungkin tidak diperlukan).
6. Hapus opcache (jika tidak disetel ke refresh otomatis).
7. Perbarui halaman muka frontend (dan periksa konsol browser untuk kesalahan).
8. Aktifkan cache Magento.

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

Cukup menyalakan konfigurasi dan membersihkan cache tidak berhasil - konsol browser frontend melaporkan banyak kesalahan js.

Sudahkah Anda mencoba menyiram JavaScript / CSS? Anda dapat melakukan ini di bawah System> Cache Management dan kemudian tekan tombol yang ada di bagian bawah tabel di sebelah kiri 'Flus JavaScript / CSS Cache'

Anda harus menggunakan kembali statis setelah mengaktifkan opsi ini dalam mode produksi.

Saya baru saja melakukan yang berikut dan masalahnya terpecahkan.

bin/magento setup:upgrade

bin/magento indexer:reindex

bin/magento deploy:mode:set production -s

bin/magento setup:di:compile

(Inilah rahasianya, untuk menjalankan di: kompilasi setelah produksi)

bin/magento setup:static-content:deploy

Saya punya masalah ketika JavaScript tidak dikompilasi bekerja pemilih jquery.

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

Tapi begitu dikompilasi, dikompresi dan bergabung, saya kemudian perlu kode: -

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

Jangan bertanya mengapa, tampaknya ketika membaca langsung dari cache, kode yang diperlukan dijalankan sebelum domReady dan elemen-elemen melampirkan ke elemen yang berbeda di beberapa halaman yang berbeda.

Hapus cache secara manual var / cache dan hapus sesi secara manual var / session

1. Harap aktifkan opsi "Aktifkan Bundling JavaScript"

   store-> konfigurasi-> lanjutan-> pengembang-> pengaturan javascript->

2. Aktifkan Bundling JavaScript diatur ke "ya" Dan flush cache