우선 이 멋진 컴포넌트에 감사드립니다. 태그를 분류하고 쉽게 구분하는 데 정말 큰 도움이 되었습니다. 우리 커뮤니티에서도 이 컴포넌트에 대한 훌륭한 피드백이 이어지고 있으니 다시 한번 감사드립니다!
해결을 바라며 두 가지 별개의 문제를 보고합니다:
- 아이콘을 올바르게 입력했는데도 전혀 표시되지 않습니다 (@MrDavis97 님과 유사하지만, 처음부터 한 번도 표시되지 않았다는 점에서 다릅니다)
- 일부 태그에서는 아이콘이 표시되어야 할 위치에 태그 이름만 표시되고, 아이콘은 전혀 보이지 않습니다
예시 1:
두 개의 다른 태그를 입력했는데, 둘 다 동일한 Font-Awesome 아이콘(exclamation-circle)을 사용했습니다. 그런데 한 태그에서는 정상적으로 작동하지만, 다른 태그에서는 작동하지 않습니다.
다른 FA 아이콘을 사용해 보거나, 삭제 후 다시 추가해 보았지만 아무것도 해결되지 않았습니다.
다른 태그에서도 같은 문제가 발생했습니다 (open-zwave-1-4, open-zwave-1-6, zwave-js-2-mqtt, zwave-2-mqtt 등): Inovelli Community
예시 2
이 경우는 정말 이상하고, 아마 FA(Font-Awesome) 자체의 문제일 수도 있습니다. 우리 태그 중 하나(google-home)에는 FA 아이콘인 "Google"을 사용하려고 했습니다. 아래 다이어그램에서 보실 수 있듯이(화살표가 많아 죄송합니다) – 빨간색은 구현 방식을, 보라색은 태그가 표시되지 않는 모습을 보여줍니다(플레이스홀더가 있는 것처럼 보입니다 – 거의 FA 아이콘이 작동하지 않는 것과 같습니다). 또 다른 이상한 점은 페이지를 검사(inspect)했을 때는 정상적으로 표시된다는 것입니다. 무료 아이콘임을 확인했으므로 작동해야 합니다. 제가 생각할 수 있는 유일한 가능성은 상표가 있는 로고에 대한 제한이 있는 것이 아닐까 하는 것입니다. 확실하지는 않습니다.
또한 보실 수 있듯이 – Google 아이콘을 다른 것으로 교체하면 정상 작동합니다. 따라서 역시 FA 문제일 수 있지만, 다른 분들도 같은 현상을 경험해 보셨는지 확인하고 싶었습니다.
어쨌든, 가능하다면 첫 번째 예시에 대한 도움만이라도 주시면 감사하겠습니다.
다시 한번 멋진 컴포넌트를 만들어 주셔서 감사합니다!
