类型“{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<{} & {} & {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions<...> | undefined): WatchStopHandle; } & ... 4 more ... & ComponentC...”上不存在属性“xxxxx”。
找到文件shims-vue.d.ts 或者新建一个`.ts`或".d.ts"文件
添加以下代码:
export {}
declare module 'vue' {
interface ComponentCustomProperties {
$filters: any
注意:一定要添加export {} 不然会覆盖掉原来的
参考vue3官方文档:TypeScript 与选项式 API | Vue.js
因为有一些全局的方法 我们直接挂在了 app.config.globalProperties。但是我们挂完之后 发现在模版中使用的时候 会出现ts的语法报错提示。然后可以直接在模板中使用这些方法 比如一些过滤器什么的东西。在全局的声明文件中 你也可以自己创建一个文件哈。其实你不管也没啥子影响 不影响程序的运行哈。这个时候其实需要我们提前声明一下就可以了。然后再回去看 好像没有报错了 是吧。关注我 持续更新前端知识。
当页面中正常使用时会警告(类型“VueInstance & { $: ComponentInternalInstance;$data: {};(args_0: R, args_1: R) => any : (...args: any) => any, opt...”上不存在属性“jumpPage”。
Vue3 + TS 配置全局属性后ESLint出现类型不存在问题。类型“{ $: ComponentInternalInstance; $data: {}; $props: Partial & Omit; ... 10 more ...; $watch(source: string | Function,
在项目中使用$store出现以下:类型“{ $: ComponentInternalInstance;$data: {};: unknown;class?: unknown;key?ref?ref_for?$watch
部分报错信息: error TS2339: Property ‘$urlLink’ does not exist on type '{ $: ComponentInternalInstance;$data: {};: unknown;上述操作完之后就不会报错可以打包了!
Property '$URL' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial & Omit
<template>
<div id="home">
<v-header :title="title" :homemsg='msg' :run="run" :home="this"></v-header><!--使用子组件-->