Invalid prop: custom validator check failed for prop "name" about vue-awesome HOT 6 CLOSED

I'm afraid that there's no icon with the name repo in FontAwesome.

from vue-awesome.

Yep you're totally right. I think that came from iconic font names or something.
Thanks for the quick reply! :)

from vue-awesome.

The same here :/

<icon name="500px"></icon>

[Vue warn]: Invalid prop: custom validator check failed for prop "name". (found in component: <icon>)
[Vue warn]: Error when evaluating expression "function width() { return this.icon.width / 112 * this.normalizedScale; }": TypeError: Cannot read property 'width' of undefined (found in component: <icon>)
[Vue warn]: Error when evaluating expression "function height() { return this.icon.height / 112 * this.normalizedScale; }": TypeError: Cannot read property 'height' of undefined (found in component: <icon>)
[Vue warn]: Error when evaluating expression "function box() { return '0 0 ' + this.icon.width + ' ' + this.icon.height; }": TypeError: Cannot read property 'width' of undefined (found in component: <icon>)
[Vue warn]: Error when evaluating expression "icon.d": TypeError: Cannot read property 'd' of undefined (found in component: )`

from vue-awesome.

@gbgelado How are you importing icons in your code? It looks like you didn't import the 500px icon in your project.

from vue-awesome.

you must be import this
import 'vue-awesome/icons'

from vue-awesome.

import 'vue-awesome/icons/flag' gives error => vue.esm.js?efeb:591 [Vue warn]: Invalid prop: custom validator check failed for prop "name".

It works find with import 'vue-awesome/icons/flag'
@Justineo

from vue-awesome.