vue.js - FontAwesome 无法在未定义的 Prop 上使用 Vue3/TS

Question

Vue 3 + typescript 。试图让 fontawesome 工作。
以下代码导致 devtools 中的错误(而 cli 是
clean) - 好像 props 是未定义的，所以我也尝试了各种类型的绑定(bind)::icon="['fa', 'redo']" - 无济于事。
确实，我也通过 vue-fontawesome 获得了 TS2307
导入，即使软件包已安装并且 index.d.ts和
正确的成员(member)导出 export const FontAwesomeIcon有没有。 (v. 2.0.2)
关于出了什么问题的任何线索？
main.ts

// font-awesome
import { library } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'; // <-- TS2307 squiggles
import { faRedo } from '@fortawesome/free-solid-svg-icons';

library.add(faRedo);

// bootstrap
createApp(App)
    .use(store)
    .use(router)
    .component('font-awesome-icon', FontAwesomeIcon)
    .mount('#app');

重载.vue (自定义组件)

<template>
  <span @click="doReload">
    Reload
    <font-awesome-icon icon="redo" />
  </span>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Reload',
  setup(props, context) {
    const doReload = () => {
      context.emit('reload');
    };

    return {
      doReload,
    };
  },
});
</script>

Answer 1

我实际上不确定这是唯一的原因，但是:vue-fontawesome 的 2.0.2 版本居然有 Vue 2 是它的对等依赖项，您提到在您的项目中使用了 Vue 3。引用他们的文档:
使用 Vue 2.x

$ npm i --save @fortawesome/vue-fontawesome@latest

使用 Vue 3.x

$ npm i --save @fortawesome/vue-fontawesome@prerelease

后者安装版本 3.0.0-3，而不是 2.0.2。