概要
Vue.jsでElement UIを用いて開発を行なっています。
Element UIのICON(https://element.eleme.io/#/en-US/component/icon)が表示されません。
ローカルでは表示されるのですが、本番環境で表示されず添付画像のようになります。
画像ファイルがうまく読めてないようなのですが、htmlへの出力が<i>タグに"custom-icon el-icon-edit-outline"というクラスが付与されているだけで、iconの呼び出し方のロジックがつかめず詰まっています。
該当コード
vue
1<el-button plain circle icon="custom-icon el-icon-edit-outline" @click="createItem('headline')"></el-button>
→ ローカルでは表示されるため記法自体に問題はないと判断しております。
→ 複数箇所利用していますが、全て画像のようになってしまいます。
やったこと
・本番で下記の実施
npm install element-ui -S npm install
→ 変わらず。。。
何らかの理由で font が読み込めていないのだと思います。
本番環境のアイコンが表示されないページでエラーが出ていませんか?
ブラウザの開発者ツールのネットワークタブなどで確認できると思います。
あなたの回答
tips
プレビュー