使用Vue很棒的Font的Typescript构建错误

时间:2018-12-19 15:39:19

标签: typescript vue.js vuejs2 font-awesome

我按照真棒字体网站上的指示在Vue中进行设置。在main.ts文件中,即使图标正常工作,我也遇到打字错误。

FunctionalComponentOptions类型的参数

此错误在FontAwesomeIcon的这一行上发生

Vue.component('font-awesome-icon', FontAwesomeIcon)

错误是类型'FunctionalComponentOptions,PropsDefinition >>'的参数不能分配给'ComponentOptions,DefaultMethods,DefaultComputed,PropsDefinition>,Record>'类型的参数。   属性“ render”的类型不兼容。

由于此index.d.ts文件而发生。如果我将其更改为任何,它将起作用。

declare module '@fortawesome/vue-fontawesome' {
  import { FunctionalComponentOptions } from 'vue'
  export const FontAwesomeIcon: FunctionalComponentOptions
  export const FontAwesomeLayers: FunctionalComponentOptions
  export const FontAwesomeLayersText: FunctionalComponentOptions
}

即使我使用(https://fontawesome.com/how-to-use/on-the-web/using-with/vuejs)中的所有相同代码,我仍然会收到错误消息。

在此先感谢您的帮助。

0 个答案:

没有答案