Ganti Tema Coreui untuk menggunakan v2.1.16 bukannya v3.0 – Panel Admin Cepat

Minggu ini pelanggan kami melaporkan masalah bahwa CSS dan JavaScript tidak memuat dengan benar untuk tema Coreui. Kami menyelidiki bug dan inilah yang kami lakukan salah di pihak kami, dan bagaimana cara memperbaikinya.

Masalah

Orang -orang melaporkan bahwa halaman dasbor mereka terlihat seperti ini:

Alih -alih versi yang tepat:

Juga, halaman login CSS hilang, dan JavaScript tidak berfungsi.

---

Investigasi dan alasan masalah ini

Dalam kode yang dihasilkan kami, kami menggunakan tema CoreUI versi CDN, dan aset yang dimuat seperti ini:

CSS:

<link href=" rel="stylesheet" />

JS:

<script src="

Semuanya bekerja dengan baik hingga kemarin ketika tema CoreUI merilis versi baru 3 sebagai sumber utama cdn UNPKG.com. Kami menggunakan versi yang didukung secara resmi, yang saat ini adalah 2.1. Dan versi 3.0 sangat berbeda – jadi ketika memuat gaya CSS, kelas berbeda sehingga seluruh tema tidak terlihat bagus.

Jadi, cara pemuatan yang benar akan meminta versi yang tepat, seperti ini:

<link href=" rel="stylesheet" />
<script src="

Pelajaran untuk diri kita sendiri: Saat menggunakan CSS dan JS dari CDN, selalu tentukan versi tepat yang Anda gunakan.

---

Cara mengedit/meregenerasi kode

Berikut adalah rekomendasi dan instruksi kami.

Untuk panel baru di QuickAdminpanel

Untuk panel baru kami yang dihasilkan, kami menambahkan perbaikan ke inti QuickAdminpanel, segera seperti yang kami lihat. Jadi tidak ada yang bisa Anda lakukan.

---

Untuk panel yang lebih tua yang ada di Quickadminpanel

Untuk panel yang lebih lama, Anda perlu meregenerasi inti tema:
– masuk ke panel
– Klik Pengaturan
– Ubah tema dari CoreUi ke yang lain (Adminlte 2 atau Adminlte 3)
– Klik Perbarui (ini akan memakan waktu)
– Ubah tema kembali lagi ke CoreUi dan klik Perbarui lagi
-Sekarang kode harus dihasilkan kembali dengan benar, Anda dapat melihat dan mengunduhnya

---

Untuk proyek yang diunduh/diinstal

Jika Anda mengunduh kode yang sudah ada di server Anda, Anda perlu mengedit dua file secara manual. Ganti tautan CDN yang disebutkan di atas, dalam file -file ini:

Sumber Daya/Tampilan/Admin/Tata Letak/Admin.Blade.php (CSS dan JS):

Sumber Daya/Tampilan/Admin/Tata Letak/App.blade.php (CSS saja):

Ubah baris kode yang disorot ke ini:

<link href=" rel="stylesheet" />
<script src="

---

Dan itu saja. Pelajaran penting bagi kami tentang cara menggunakan CDN dan apa yang bisa terjadi jika Anda melakukan kesalahan. Kami juga akan mengedit semua repositori demo GitHub kami dengan perbaikan ini.

Atas nama tim kami, saya pribadi meminta maaf atas masalah ini, dan akan dengan senang hati membantu semua pelanggan dengan perbaikan melalui live-cat kami, atau email povilas@laraveldaily.com