File CSS dan Javascript tidak dimuat setelah instalasi Magento 2

25

Saya telah menginstal Magento 2 di server lokal berhasil menggunakan komposer tapi saya tidak dapat melihat desain panel frontend dan admin. Saya melihat teks-teks sederhana di sana. Sambil melihat konsol saya melihat kesalahan berikut.

TypeError: require.config is not a function requirejs-config.js
TypeError: require.config is not a function admin:59
TypeError: require is not a function admin:62
ReferenceError: Ext is not defined admin:68
ReferenceError: Fieldset is not defined admin:76
TypeError: require is not a function admin:83
TypeError: require is not a function

masukkan deskripsi gambar di sini

amitshree
sumber
apache / nginx?
zhartaunik
Saya menggunakan server apache.
amitshree
apakah kamu di windows?
Chris O'Toole
Nggak. Saya menggunakan ubuntu.
amitshree

Jawaban:

13

Ini bisa menjadi masalah dengan symlink. Saya melihat deploy.php bekerja untuk Anda, tetapi Anda juga dapat mencoba menghapus sumber daya dari pub / statis dan melihat apakah petunjuk dari /magento//a/64808/594 bekerja untuk Anda. Jika demikian, maka ini dapat menghemat waktu selama pengembangan karena seharusnya lebih cepat daripada menjalankan deploy.php.

Ini juga baik untuk mengetahui apakah banyak orang memukul masalah dengan symlink dan apa penyebabnya.

Chris O'Toole
sumber
1
Siapa pun yang menemukan masalah ini harus mencoba ini terlebih dahulu. Terima kasih !
Haijerome
Pada dasarnya kami memiliki masalah khusus dengan Magento-Instalasi di bawah 2.0.6, jika ada yang punya masalah. Terutama 2.0.4 menyadap kami. Jadi, jika Anda masih memerlukan salah satu versi itu, gunakan ini. Peningkatan selanjutnya harus ke versi stabil terbaru!
Maks
27

Jika Anda menghadapi masalah css dan desain setelah instalasi di Windows, ikuti langkah-langkah berikut:

Langkah 1. php bin/magento setup:static-content:deploy

Langkah 2. php bin/magento indexer:reindex

langkah 3. pastikan apache "rewrite_module" diaktifkan dan kemudian restart server

langkah 4. hapus folder cache di bawah var / cache

Langkah-langkah di atas bekerja untuk saya. Saya harap ini juga akan berhasil untuk Anda.

Beri tahu saya jika Anda masih menghadapi masalah.

samumaretiya
sumber
4
Jika Anda mengembangkan secara lokal, ini bukan solusi yang Anda inginkan . Ini mengharuskan Anda untuk menggunakan kembali konten statis setiap kali Anda mengubah tampilan. Pastikan Anda berada dalam mode pengembang, dan symlinks berfungsi.
Nathan Merrill
@NathanMerrill terima kasih atas tanggapan Anda. Saya kira, ini satu-satunya masalah ketika Anda membuat perubahan level tema, Namun saya mendapatkan hasil sempurna tanpa menggunakan secara lokal setiap waktu.
samumaretiya
Ini sepenuhnya tergantung pada apa yang Anda lakukan. Jika Anda membuat perubahan pada folder tampilan (tidak hanya membuat file baru), Anda harus menggunakan.
Nathan Merrill
@NathanMerrill, jika Anda ingin memiliki lebih banyak percakapan, Anda dapat menghubungi saya di skype: samumaretiya atau mungkin kita dapat melakukan percakapan melalui google hangout [email protected]
samumaretiya
Bekerja seperti pesona !!!
Mike Nguyen
5

Masalah saya adalah bahwa saya sudah sedikit terlalu gembira dengan saya pub/staticdan pub/media"kliring cache" dan sengaja menghapus .htaccessfile dalam pub/static.

Perbaikan cepat adalah menarik yang baru /magento2ce/pub/static/.htaccessdan membersihkan cache dan Bob adalah pamanmu. Tidak ada lagi masalah CSS.

Semoga ini membantu. Akan luar biasa jika ada cara untuk menghapus file dan entah bagaimana memastikan file lain tidak dihapus, seperti .gitignore untuk rm -rfpenggunaan sistem linux . Mungkin suatu hari...

HARAP DICATAT: ini hanya untuk masalah CSS, maaf saya tidak membantu masalah JS yang hilang.

Nathaniel Rogers
sumber
Anda seorang pahlawan!
Ares
4

Saya punya masalah dengan V2.1.3 di mana tanda tangan default disetel ke true. Ini berarti bahwa url memiliki "versi" dalam nama path. Misalnya path file harus: -

pub / static / adminhtml / Magento / backend / en_US / mage / adminhtml / events.js

Tetapi muncul sebagai: -

pub / static / version14043395384 / adminhtml / Magento / backend / en_US / mage / adminhtml / events.js

Untuk mengubah ini, buka file: -

source \ vendor \ magento \ module-theme \ etc \ config.xml

Dan ubah nilai default menjadi nol: -

<config>
    <default>
        <dev>
            <static>
                <sign> 0 </sign>
            </static>
        </dev>
    </default>
</config>
Dallas Clarke
sumber
2

Saya mengalami masalah ini pada beberapa instalasi Magento 2 dalam produksi.

Dengan asumsi Anda melakukan ini terlebih dahulu dari baris perintah.

php bin/magento setup:static-content:deploy from <magento_install_dir>

Kemudian ubah izin file menjadi 755 pada direktori berikut:

/ pub /

/ pub / statis /

/ pub / static / frontend /

/ pub / static / adminhtml /

/ pub / static / _requirejs /

Voila! File CSS / JS dimuat dengan sempurna.

Robbie Reynolds
sumber
1

Setelah menavigasi ke folder dev / tools / Magento / Tools / Lihat dan menjalankan ini di baris perintah menyelesaikan masalah.

php deploy.php
amitshree
sumber
1
Sialan berharap itu akan memperbaiki Masalah saya juga, tetapi dev / tools / Magento / Tools / View tidak ada di instalasi saya
Tobias Hartmann
@TobiasHartmann: Sudahkah Anda memeriksa mod_rewrite diaktifkan atau tidak? Juga semua direktori / file memiliki izin yang benar atau tidak?
amitshree
1

Saya memiliki masalah ini juga, tetapi akhirnya menjadi core_config_datamasalah. Semua aset saya dialihkan ke httpsURL, meskipun url saya setel menjadi http.

Ada bidang yang core_config_datadisebut web/secure/use_in_frontendyang ditetapkan untuk 1. Saya mengaturnya ke 0, membersihkan cache, dan itu berfungsi dengan baik.

Joshua Soileau
sumber
1

1- Ubah file app / etc / di.xml dengan mengubah konten berikut:

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

Untuk:

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

2- sudo php /var/www/html/magento2ce/bin/magento setup:static-content:deploy

Hari
sumber
1

Saya memiliki masalah ini saat menggunakan file bahasa.

Saat menggunakan bahasa, Anda perlu memasukkan bahasa sistem:

php bin/magento setup:static-content:deploy nl_NL
emp
sumber
0

Jika Anda menghadapi masalah desain pemuatan laman css dan js setelah pemasangan di magento2, ikuti langkah berikut-:

buka terminal dan arahkan ke root web magento

 $ cd / var / www / html / magento2 
Langkah 1.

 $ php setup bin / magento: static-content: deploy 

Langkah 2.

 $ php bin / magento indexer: reindex
Langkah 3.

pastikan apache "rewrite_module" diaktifkan dan kemudian restart server

Langkah 4.

 $ chown -R www-data: www-data / var / www / html / magento2 
Langkah 5.

 $ chmod -R 777 / var / www / html / magento2 
Langkah 6.

hapus folder cache di bawah var / cache

Langkah di atas berhasil. Saya harap ini akan bekerja untuk Anda juga.

Arvind Rawat
sumber
0

Ikuti langkah-langkah di bawah ini untuk menyingkirkan masalah ini.

1) Unduh Magento 2.

2) Ekstrak ini di direktori www ATAU htdocs Anda.

3) Pasang magento. Jangan gunakan localhost , gunakan 127.0.0.1 di url toko dan admin url.

4) Setelah instalasi berhasil JANGAN RUN MAGENTO.

5) Sekarang hapus cache / sesi magento 2. Pergi ke jalur yang disebutkan di bawah ini dan hapus file.

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6) Ubah perilaku symlinks untuk beberapa sumber daya statis seperti yang disebutkan di bawah ini: -

Ketika Magento 2 tidak dalam mode produksi, ia akan mencoba untuk membuat symlink untuk beberapa sumber daya statis di server lokal. Kita harus mengubah perilaku Magento 2 dengan pergi mengedit ROOT > app > etc > di.xmlfile. Buka di.xml di editor kode favorit Anda, cari virtualType name="developerMaterialization"bagian. Pada bagian di bawah ini, Anda akan menemukan item <item name="view_preprocessed" xsi:type="object">yang perlu diubah. Anda dapat memodifikasinya dengan mengubah konten berikut:

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

Untuk:

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

7) Hapus semua file kecuali **.htaccess**

Magento Root > pub > static > Delete all files except **.htaccess**

SELESAI. Sekarang Anda dapat menjalankan Magento Front dan Backend URL

Muhammad Azeem
sumber
0

Jalankan perintah berikut:

php bin/magento setup:static-content:deploy
php bin/magento setup:upgrade
php bin/magento setup:di:compile 
php bin/magento cache:clean
Abhinav Singh
sumber
0

Tidak perlu mengedit di.xml. Kami menghadapi kesalahan pemuatan js saat symlink diaktifkan.
Banyak;

TypeError: $ .widget bukan fungsi

Cukup tutup symlink

Tingkat Lanjut> Pengembang> Pengaturan Template> Izinkan Simbol> Tidak

Setelah menutupnya, mungkin sumber daya tidak digunakan secara perlahan untuk pertama kali tetapi kesalahan hilang.

rbostan
sumber
0

Juga pertimbangkan bahwa mengubah lokal toko Anda dapat memiliki efek ini jika Anda tidak memiliki lokal itu tersedia dalam tema Anda sendiri. Saya sudah melihat itu terjadi beberapa kali.

ivanji
sumber
0

Anda dapat mengikuti instruksi ini:

Jika ada cara version#######seperti di bawah ini pasti akan membantu. http: //localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

Toko> Konfigurasi> Lanjutan> Pengembang> Masuk File Statis (Ya-> Tidak)

JIKA Anda memiliki akses ke database, maka jalankan perintah ini:

Masukkan nilai core_config_data (config_id, scope, scope_id, path, value) (null, 'default', 0, 'dev / static / sign', 0);

Remove the cache and reload the page. Dua langkah sederhana ini membantu saya untuk menyelesaikan masalah jalur file js dan css.

inrsaurabh
sumber
0

Saya baru saja melewatkan .htaccess di dalam folder pub / statis. Itu harus ada di sana.

OZZIE
sumber
Ini tidak memberikan jawaban untuk pertanyaan itu. Untuk mengkritik atau meminta klarifikasi dari penulis, tinggalkan komentar di bawah posting mereka. - Dari Ulasan
Rama Chandran M
@RamaChandranM Saya memiliki "gejala" yang sama di situs magento saya, mencarinya di Google dan menemukan pertanyaan ini. Saya kemudian menemukan solusi untuk masalah saya. Mengapa saya tidak berbagi solusi yang mungkin dengan orang lain? Bahkan jika itu bukan masalah khusus penulis di sini .. Komentar yang benar-benar aneh!
OZZIE
0

Menghadapi masalah ini berkali-kali. Hal pertama yang pertama pub / statis harus memiliki file .htaccess yang memiliki url menulis ulang untuk nomor versi yang termasuk dalam url aset statis.

Kalyan Chakravarthi V
sumber
0

Dalam kasus saya, dalam konfigurasi apache saya mengubah AllowOverride dari Tidak Ada ke Semua di bagian Direktori masing-masing.

Marcin Żurek
sumber