FortAwesome / vue-fontawesome

Font Awesome Vue component
https://fontawesome.com
MIT License
2.39k stars 132 forks source link

Could not find one or more icons... #354

Closed Pinnokkio closed 2 years ago

Pinnokkio commented 2 years ago

Describe the bug Some icons showing error in console:

Could not find one or more icon(s): {prefix: 'far', iconName: 'file-certificate'}
Could not find one or more icon(s): {prefix: 'fas', iconName: 'file-certificate'}

Expected behavior Showing icons instead of error in console.

Desktop (please complete the following information):

Additional context It also throws errors for other icons like file-certificate a shown above (added in 5.2.0). Neither solid or regular are working. For some other icons, either solid or regular are shown, but not both.

<fa :icon="['far', 'file-contract']"/>   <!-- ICON NOT SHOWN, ERROR IN CONSOLE -->
<fa :icon="['fas', 'file-contract']"/>   <!-- NO ERROR, WORKS FINE -->

package.json:

"@fortawesome/fontawesome-free": "^6.0.0",
"@fortawesome/fontawesome-svg-core": "^1.3.0",
"@fortawesome/free-regular-svg-icons": "^6.0.0",
"@fortawesome/free-solid-svg-icons": "^6.0.0",
"@fortawesome/vue-fontawesome": "^3.0.0-5",

fontawesome/index.js:

import { library } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { far } from '@fortawesome/free-regular-svg-icons';
import { fas } from '@fortawesome/free-solid-svg-icons';

library.add(far, fas);

export default function(app) {
    app.component('fa', FontAwesomeIcon);
}