Nativescript-vue工具字体图标不起作用

Question

我一直在努力如何在nativescript-vue中实现字体图标，我决定使用font-awesome 5，并遵循了许多不同的教程，不幸的是，它现在仍然对我有用。有些开发人员会输出一个问号，但对我而言，什么也没显示。我已经在这项任务上坚持了很长时间。我非常感谢您的帮助。

谢谢：）

我正在使用：

• Typescript-vue-decorator
• Nativescript v6.4

这是我彻底遵循的步骤之一NativeScript + Vue.js + FontAwesome

Output

Answer 1

这里是新秀，但是我在发挥巨大作用方面发挥了巨大作用。我恢复使用FA4.7。仍然没有喜悦。运行一个Playground实例，该死的东西起作用了。

对我来说唯一不同的是，我的本地默认app.scss文件以这些样式引用开头：

    @import '~@nativescript/theme/core';
    @import '~@nativescript/theme/default';

而Playground默认为实际的CSS文件：

    @import '~@nativescript/theme/css/core.css';
    @import '~@nativescript/theme/css/default.css';

我更新了我的app.scss文件，以使用上述css引用，并且嘿，字体真棒的图标也可以使用。我还没有尝试重试FA5，但很有可能这就是窍门。

我希望这对其他人有帮助。祝一切顺利。

游乐场实例可用here。