مطابقة علامة خاطئة مع أيقونة العلامة

أولاً، أردت فقط أن أقول شكرًا لكم على هذا المكون الرائع. لقد ساعدنا حقًا في تصنيف وتمييز الوسوم والمجموعات بسهولة في النهاية. وقد تلقى مجتمعنا ردود فعل مذهلة حول هذا المكون، لذا شكرًا لكم!

يبدو أن لدي مشكلتين منفصلتين آمل أن يتم حلهما:

  1. يتم إدخال الأيقونات بشكل صحيح، لكنها لا تظهر أبدًا (مشابهة لـ @MrDavis97 – ولكن أيضًا مختلفة لأنها لم تظهر من الأساس)
  2. بعض الوسوم تظهر مكان الأيقونة، لكن لا يظهر شيء

المثال الأول:
لقد أدخلت وسومًا مختلفة، وكلاهما يستخدم أيقونة Font-Awesome نفسها (exclamation-circle). ومع ذلك، تعمل الأيقونة في وسم واحد، بينما لا تعمل في الوسم الآخر.

لقد جربت استخدام أيقونة FA مختلفة، وحذفها وإعادة إضافتها، لكن لا يبدو أن أي شيء يعمل.

حدث هذا أيضًا في وسوم أخرى (open-zwave-1-4، open-zwave-1-6، zwave-js-2-mqtt، zwave-2-mqtt، إلخ): Inovelli Community

المثال الثاني
هذا الأمر غريب حقًا، وربما يكون مشكلة في Font-Awesome. أحد وسومنا (google-home) أردنا استخدام أيقونة FA، وهي “Google”. كما ترون من المخطط أدناه (عذرًا على جميع الأسهم) – الأحمر يظهر كيف تم تنفيذه، ثم البنفسجي يظهر أن الوسم لا يظهر (يبدو أن هناك مكانًا محجوزًا – وكأن أيقونة FA هذه لا تعمل). الشيء الغريب الآخر هو أنه يبدو أنها تظهر بشكل صحيح عندما قمت بفحص الصفحة. لقد تأكدت من أن هذه أيقونة مجانية، لذا يجب أن تعمل. الشيء الوحيد الذي يمكنني التفكير فيه هو ربما وجود قفل على الشعارات المسجلة كعلامات تجارية؟ لست متأكدًا.

كما ترون أيضًا – إذا قمت باستبدال أيقونة Google بأيقونة أخرى، فإنها تعمل. لذا، مرة أخرى، قد تكون مجرد مشكلة في FA، لكنني أردت تسليط الضوء عليها لمعرفة ما إذا كان أي شخص آخر واجه نفس الشيء.

على أي حال، على أقل تقدير، أود الحصول على مساعدة في المثال الأول إذا أمكن.

شكرًا مرة أخرى على هذا المكون الرائع!

5 إعجابات

لدي نفس المشكلة تمامًا مرة أخرى، ولكن هذه المرة مع الوسوم “discourse” و"jitsi". لا يمكنني إضافة أي أيقونة إليها. في الواقع، لا يمكن تعيين أيقونة لأي وسم جديد تم إنشاؤه. يمكن تعديل الوسوم الموجودة دون مشاكل. هل توجد طريقة لتوليد سجل (log) حول هذه المشكلة؟

إعجاب واحد (1)

لست متأكداً، لكن ربما تكون هناك مشكلة بعد عدد معين من الوسوم في الإعداد. هل يمكنك إخباري تقريباً بعدد الوسوم التي تضيف إليها أيقونات؟

لدي الآن 33 وسمًا، وجميعها مدرجة هنا.

إعجاب واحد (1)

مرحبًا @AquaL1te و @e3hines،
لقد قمت بتحديث المكون الذي يصلح الخطأ الذي واجهتموه كلاهما.

كانت المشكلة أن كود المكون كان يطابق سابقًا الوسم الخاطئ لأيقونة معينة. في موقع AquaL1te، هذا واضح جدًا:

عندما كان المكون يبحث عن أيقونة لـ jitsi، كان يخطئ في مطابقة it للحصول على الأيقونة (ثم في خطوة ثانية فقط، كان يتحقق من اسم الوسم الكامل، وبما أنه لم يكن هناك تطابق، كان يعرض لا شيء).

إذا قمت بتحديث المكون، فستلاحظ إصلاح المشكلة.

بما أن Font Awesome يحتوي على مجموعات متعددة من الأيقونات، فإن أيقونات العلامات التجارية تحتاج إلى بادئة. جرب استخدام fab-google، يجب أن يعمل. (وآسف لأنني استغرقت وقتًا طويلاً للرد على هذا…)

6 إعجابات

هذا يحل المشكلة حقًا! شكرًا لك!

إعجاب واحد (1)

رائع، هذا حل المشكلة بالنسبة لي أيضًا — شكرًا جزيلاً لك!

إعجاب واحد (1)