解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，三种方法彻底根治

蔚落 2023-10-09 22:45 4阅读 0赞

刚创建的一个Vue3和Ts的项目，结果使用Vscode打开后，修改了index.vue文件就报错了:![b9cd42eb6d0d4a1a95fdd9a82c56eecf.png][]

网上找了各种原因，有让添加jsconfig.json文件的，有让新建一个项目的，有的直接放弃ts的，哈哈哈，真的是千奇百怪都有，好吧，我这里就也出两种方法：

## 第一种：修改tsconfig.json文件 ##

在tsconfig.json文件中添加一行代码：就是让ts识别vue文件

"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
    }

添加后的内容：![49b01a9ce9dc4d09a3fe74680dfeeff8.png][]

修改完之后，保存文件，重启Vscode，然后打开vue就没有提示了：![bf3afaf482d6454da0199e5c4e80e750.png][]

## 第二种：重启TypeScript Vue Plugin这个插件 ##

先点击禁用，然后点击重启试试，有的人说也可以

![df0c5ee100024b2297c48263afc3e5dc.png][]

##  ##

## 第三种：不要用Vscode，使用webstorm ##

不要用vscode了，使用WebStorm，哈哈哈，可能让你也想不到吧，但是真的有效啊：请看效果，就不报错了，撒花

![b10a2d284cbf4cb09cf395d146dc0e64.png][]

[b9cd42eb6d0d4a1a95fdd9a82c56eecf.png]: https://img-blog.csdnimg.cn/b9cd42eb6d0d4a1a95fdd9a82c56eecf.png
[49b01a9ce9dc4d09a3fe74680dfeeff8.png]: https://img-blog.csdnimg.cn/49b01a9ce9dc4d09a3fe74680dfeeff8.png
[bf3afaf482d6454da0199e5c4e80e750.png]: https://img-blog.csdnimg.cn/bf3afaf482d6454da0199e5c4e80e750.png
[df0c5ee100024b2297c48263afc3e5dc.png]: https://img-blog.csdnimg.cn/df0c5ee100024b2297c48263afc3e5dc.png
[b10a2d284cbf4cb09cf395d146dc0e64.png]: https://img-blog.csdnimg.cn/b10a2d284cbf4cb09cf395d146dc0e64.png

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java——程序包不存在【三种解决方法】

目录一、问题描述二、解决方案方法一：maven包管理的clean方法方法二：清理缓存方法三：设置配置三、结语 ------------------

川长思鸟来/ 2024年04月07日 14:41/ 0 赞/ 122 阅读

相关 vue3+ts 使用 getCurrentInstance 报错解决

vue3中没有this + 各种api的方法 vue3提供的方法，创建类似于this的实例。 const instance = getCurrentInstance()

刺骨的言语ヽ痛彻心扉/ 2024年04月01日 17:18/ 0 赞/ 106 阅读

相关解决typescript报错：不能将类型xxx分配给类型xxx

现象： ![a2289e5566b74154bc257df7dbee8446.png][] 这种情况是因为组件传参时：等号左右两边的数据类型不能严格匹配一致造成的等号

àì夳堔傛蜴生んèń/ 2023年10月16日 14:57/ 0 赞/ 47 阅读

相关 uniapp+vue3+ts 使用pinia报错

"hasInjectionContext" is not exported by "node\_modules/vue-demi/lib/index.mjs", importe

ゝ一世哀愁。/ 2023年10月13日 16:56/ 0 赞/ 114 阅读

相关解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，三种方法彻底根治

刚创建的一个Vue3和Ts的项目，结果使用Vscode打开后，修改了index.vue文件就报错了:![b9cd42eb6d0d4a1a95fdd9a82c56eecf.png

蔚落/ 2023年10月09日 22:45/ 0 赞/ 5 阅读

相关 ts 解决引入插件的类型文件不存在的问题

问题描述：在vue.ts的项目中安装dataV插件的时候，按照正常流程注册插件后报错： ![20201012105044305.png][] 解决方式一：查看报错

曾经终败给现在/ 2023年10月05日 11:31/ 0 赞/ 49 阅读

相关类型“Element”上不存在属性“style”

因为ts默认用的是Element，需要声明为HTMLElement let top = <HTMLImageElement>document.querySelecto

短命女/ 2023年08月17日 15:45/ 0 赞/ 136 阅读

相关 element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错

element-plus报错内容 > 报错原因如下 > vue-tsc 是对ts类型做检测的 element对ts支持并不是很友好所以报错但是不影响正常使用 Ca

r囧r小猫/ 2022年10月16日 09:48/ 0 赞/ 231 阅读

相关 springboot 启动报错　java:程序包XXX不存在

springboot 启动报错　java:程序包XXX不存在实际上程序包都存在原因：编译问题解决方案： File->Project Structure->Libr

灰太狼/ 2022年04月22日 13:14/ 0 赞/ 400 阅读

相关 Angular报错类型“typeof Observable”上不存在属性“from” 类型observable上不存在属性debounceTime

在学习Angular过程中，由于按照视频Angular4学习的，代码报错：类型“typeof Observable”上不存在属性“from”，类型observable<any>

深藏阁楼爱情的钟/ 2021年12月13日 04:59/ 0 赞/ 334 阅读