Nativescript-vue实现字体图标不起作用

Question

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

谢谢：）

我正在使用：

• Typescript-vue-decorator
• 本机v6.4

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

Output

Answer 1

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

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

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

游乐场默认为实际的CSS文件：

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

我更新了我的app.scss文件，以使用上面的CSS引用，嘿，很赞，字体超赞的图标起作用了。我还没有尝试重试FA5，但很有可能这就是窍门。

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

游乐场实例可用here。