具有vue的fontawesome无法正常工作，但具有渲染代码

Question

我使用fontawesome + vue cli 3，但是它不起作用。奇怪的是我在浏览器中是html代码。

并且控制台没有任何错误消息。

这是我的代码段：

main.js

import { library } from '@fortawesome/fontawesome-svg-core'
import { faAd } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

// FontAwesome
library.add( faAd );
Vue.component('font-awesome-icon', FontAwesomeIcon)

index.vue

<font-awesome-icon icon="ad" />