عیب‌یابی

بازگشت به فهرست

صفحه سفید یا بدون محتوا

علت محتمل: خطای Alpine.js — تابع x-data تعریف نشده.

راه‌حل:

1. F12 → Console — خطای ... is not defined را بخوانید
2. ترتیب اسکریپت را بررسی کنید:

1. نام تابع در x-data با نام function در JS یکی باشد:

function noviraFashion() { ... }

استایل اعمال نمی‌شود / صفحه بدون قالب

علت: مسیر CSS اشتباه یا فایل آپلود نشده.

بررسی:

1. F12 → Network → فیلتر CSS
2. وضعیت 404 برای novira.css یا output.css؟
3. ساختار پوشه: assets/css/ کنار index.html
4. روی هاست: حساس به حروف بزرگ/کوچک (Linux) — Novira.css ≠ novira.css

تصاویر نمایش داده نمی‌شوند (404)

مسیرهای رایج:

پوشه assets/images/ را کامل آپلود کنید.

اسلایدر کار نمی‌کند

چک‌لیست:

• [ ] swiper-bundle.min.js لود شده
• [ ] swiper-bundle.min.css در head
• [ ] main.js قبل از alpine.js لود شده
• [ ] المان دارای class="swiper" و data-swiper='{...}' است
• [ ] JSON داخل data-swiper معتبر است (بدون خطای syntax)

منو یا drawer باز نمی‌شود

• Alpine باید بدون خطا لود شود
• x-data باید شامل mobileMenuOpen (از noviraShared) باشد
• attributeهای @click روی دکمه‌ها درست باشند

فونت فارسی درست نیست

خطای CORS در حالت file://

باز کردن مستقیم index.html گاهی محدودیت دارد.

راه‌حل: از سرور محلی استفاده کنید → اجرای محلی

صفحه پروفایل منوی اشتباه فعال است

پارامتر noviraProfile() باید با صفحه مطابقت داشته باشد:

ورود کاربر نمایش داده نمی‌شود

احراز هویت mock با sessionStorage:

sessionStorage.getItem('dsAuth') === '1'

• از login-singup.html وارد شوید
• یا در Console: sessionStorage.setItem('dsAuth', '1') سپس refresh

پس از آپلود هاست کار نمی‌کند

1. چک‌لیست استقرار
2. .htaccess — اگر خطای 500 داد، موقتاً حذف کنید
3. مسیر نصب در زیرپوشه — لینک‌ها نسبی هستند و باید کار کنند
4. SSL mixed content — همه assetها باید https یا نسبی باشند

خطاهای رایج Console

مشکلات نسخه Next.js

فهرست کامل‌تر در عیب‌یابی استقرار نسخه Next.js.

دریافت کمک بیشتر

1. Console و Network را اسکرین‌شات بگیرید
2. نام فایل HTML و هاست را ذکر کنید
3. بگویید تغییرات شخصی‌سازی چه بوده

لینک‌های مرتبط

• نصب روی هاست
• معماری JavaScript
• راهنمای صفحات
• استقرار نسخه Next.js