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

9月前作者：1024小神分类：Toy博客阅读(83) 违法举报

这篇具有很好参考价值的文章主要介绍了解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，两种方法彻底根治。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

刚创建的一个Vue3和Ts的项目，结果使用Vscode打开后，修改了index.vue文件就报错了: 解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，两种方法彻底根治

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

第一种：修改tsconfig.json文件

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

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

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

修改完之后，保存文件，重启Vscode，然后打开vue就没有提示了：解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，两种方法彻底根治

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

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

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

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

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

解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，两种方法彻底根治文章来源地址https://www.toymoban.com/news/detail-507764.html

到了这里，关于解决Vue3的ts报错：类型“{}”上不存在属性“xxx”，两种方法彻底根治的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Vue3+TS+Vite 找不到模块“@/components/xxx/xxx”或其相应的类型声明。

今天在写vue3项目时碰到一个问题，引入自定义的词云图组件一直报错，提示找不到模块文件是存在的，引入路径也是对的。于是直接百度解决方案有一些解决方案是在tsconfig.json里面做一些配置，这里我就不说了，大家可以自行百度，还有一种是在项目根目录建立一个 env.

2024年02月11日
浏览(92)
vue3+TS报错：不能将类型“unknown”分配给类型“string”（TS）

vue3 + TS 项目中，编写路由文件使用路由守卫更改页面标题报错 TS 有更严格的代码检查，当赋值的变量类型不正确时即报错，可以将鼠标移动到变量上查看类型可以清楚看到两个类型，一个是 string ，一个是 unknown ，故报错可以通过类型断言或者类型判断进行处理

2024年02月15日
浏览(40)
webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明因为ts只能解析 .ts 文件，无法解析 .vue文件解决方法很简单，一开始的时候env.d.ts是空文件，我们可以在项目的env.d.ts中引入如下代码：加入上面的代码，就不报错了。

2024年02月11日
浏览(69)
vue3+ts未使用变量报错的解决

tsconfig.json文件中开启了ts语法检查根据需求将对应的语法检查设置为false即可，但是语法检查是为了保障我们的代码合法性避免之后不可预见的错误最好开启语法检查如果有特定的需要可以使用//@ts-ignore来关闭语法检查

2024年02月14日
浏览(37)
vite vue3+ts @引入无提示/解决提示报错

1. setting.json 这时候已经有提示了但是ts会报错 tsconfig.json 以@开头代表src目录下以#开头代表ts目录下配置好后重新引入没有红色波浪线但是 vite不认识 @符号运行项目还是会报错这时候就需要在vite.config.ts中添加配置如果path会报错需要下载一下@types/node 再重启下

2024年02月15日
浏览(51)
vue3 vite配置@根路径---解决：找不到模块“./xx/xxx.vue”或其相应的类型声明

如果在ts中使用可能会报错：解决方案： npm install --save-dev @types/node 配置根路径后，引入文件可能会报红： vue3+ts报错：找不到模块“@/xxx”或其相应的类型声明。，或者是引入.vue文件的时候报红： vue3+ts报错：找不到模块“./views/login/index.vue”或其相应的类型声明。出现这

2024年02月16日
浏览(42)
vue3.0 + ts 引入详细步骤及语法校验报错解决办法

前段时间学习了ts，于是用脚手架搭了个vue3.0+ts的项目，引入详细步骤及语法校验报错解决办法，整理下遇到的问题以及解决办法，分享给大家。 Q: 在vue项目中编写tsx函数式组件提示报错。在没有引入ts的项目中，写tsx语法提示报错。无法使用 JSX，除非提供了 “–jsx” 标志

2024年02月11日
浏览(46)
使用模板创建【vite+vue3+ts】项目出现 “找不到模块‘vue‘或其相应的类型声明” 的解决方案

项目前台需要使用Vue3+Ts来写一个H5应用，然后我用模板创建创建完后进入 HelloWorld.vue ，两眼一黑然后在 tsconfig.json 的 \\\"compilerOptions\\\" 中添加修改 \\\"moduleResolution\\\" 值为 \\\"node\\\"

2024年02月17日
浏览(64)
vue3+ts import引入第三方js文件报错解决方法

报错原因：执行 import XXX from ‘XXX.js’ 报错，The requested module ‘xxx.js’ does not provide an export named ‘default’ 可能是第三方文件不支持模块化标准，不能按需导入解决方案 : 第一种方法：在index.html里利用script全局引入第二种方法：在所需的.vue文件里单独引入，最后在hea

2024年02月16日
浏览(59)
vue3 组件TS 类型声明

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴，一起学起来吧！当使用这被

2023年04月08日
浏览(37)