astro-iconでUnable to loadエラーを解決する方法

Astroでアイコンを扱えるAstro Iconを使っていた時に出たエラーの解決方法を紹介します。

エラー内容

具体的には次のようなエラーが出ました。

Unable to load the "local" icon set!
It looks like the "local" set was not loaded.

Did you forget to create the icon directory or to update your config?

「localアイコンセットがロードできない」という内容です。

解決方法

アイコン名の指定でアイコンセットのprefixをつけ忘れていないか確認しましょう。

"mobile-phone"
"twemoji:mobile-phone"

筆者の場合はアイコンセットTwitter Emojiを使っており、そのprefixtwemoji:を書き忘れていました。

原因

エラーで言われていたlocalアイコンセットというのは文字通りローカルにあるアイコンを使うためのものです。

ローカル以外のアイコンセットの場合はtwemoji:mobile-phoneのtwemoji:のようなprefixがつきます。prefixが無いとローカルからアイコンを探します。

今回のエラーのケースは「prefixをつけ忘れていたためローカルからアイコンを探したけど、そんなものは無かった」ということです。

以上、astro-iconのエラー解決でした。prefixをつけないと挙動が変わり、その上でエラーが出てしまうため、初見では戸惑うかもしれませんね。