●環境や組み込んでいるライブラリ
MAMP
npm@8.1.0
Laravel
Vue.js@2.6.14
Vue Router
Vuex@3.6.2
Element-ui@2.15.6
●解決したいこと
Vue.js×Laravelを使って製作中のアプリケーションに組みこんだVue Element-ui内で使えるアイコンが表示されない
[Vue Element ui]
https://element.eleme.io/#/en-US
●エラー内容
GET http://localhost/fonts/vendor/element-ui/lib/theme-chalk/element-icons.woff?313f7dacf2076822059d2dca26dedfc6 net::ERR_ABORTED 404 (Not Found)
エラー内容を見るにElement-uiのアイコン(Webフォント)を表示させるためにアクセスしているアドレスに該当ファイルがないのでエラーが起きていると思っています。
しかし私のプロジェクトにはhttp://localhost/配下にfontsフォルダはありません。
「element-icons.woff」が格納されているのは
/Applications/MAMP/htdocs/プロジェクト名/node_modules/element-ui/lib/theme-chalk/fonts/element-icons.woff
です。
プロジェクト内にfontsフォルダを作成し該当ファイルをコピーして設置(エラーのパス通りに)してみましたがうまくいきませんでした。
element-uiのアイコン使用時にデフォルトで読みにいくアドレス(エラーで指定されているアドレス)を変更できるフォルダとかはあるのでしょうか?
ちなみに他のElement-uiの機能は問題なく使えております。アイコンだけがうまく表示されません。
拙い説明で恐縮ですが助けていただけると嬉しいです。
よろしくお願いいたします。
あなたの回答
tips
プレビュー