vue3 + typescript 全局属性设置类型报错

报错

类型“{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}&gt; &amp; Omit<Readonly<{} &amp; {} &amp; {}&gt; &amp; VNodeProps &amp; AllowedComponentProps &amp; ComponentCustomProps, never&gt;; … 10 more …; $watch(source: string | Function, cb: Function, options?: WatchOptions<…&gt; | undefined): WatchStopHandle; } &amp; … 4 more … &amp; ComponentC…”上不存在属性“xxxxx”。

找到文件shims–vue.d.ts 或者新建一个`.ts`或”.d.ts“文件

添加以下代码：

export {}

declare module 'vue' {
  interface ComponentCustomProperties {
    $filters: any
  }
}

注意：一定要添加export {} 不然会覆盖掉原来的

参考vue3官方文档：TypeScript 与选项式 API | Vue.js

代码007普通

打赏 收藏 海报 链接