Vue3的ts报错:类型"{}"上不存在属性"xxx"的两种彻底根治解决方法

发现问题

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

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

第一种：修改tsconfig.json文件

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

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

添加后的内容：

修改完之后，保存文件，然后打开vue就没有提示了：

第二种：不要用Vscode，使用webstorm 

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

总结 

到此这篇关于Vue3的ts报错:类型"{}"上不存在属性"xxx"的两种彻底根治解决方法的文章就介绍到这了,更多相关Vue3 ts报错:类型{}上不存在属性xxx内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！