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

 更新时间:2023年08月14日 09:42:21   作者:1024小神  
这篇文章主要给大家介绍了关于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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue项目中实现AES加密解密的全过程

    Vue项目中实现AES加密解密的全过程

    AES算法是一种对称加密算法,用于加密和解密数据,下面这篇文章主要给大家介绍了关于Vue项目中实现AES加密解密的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-08-08
  • vue +elementui 项目登录通过不同账号切换侧边栏菜单的颜色

    vue +elementui 项目登录通过不同账号切换侧边栏菜单的颜色

    这篇文章主要介绍了vue +elementui 项目登录通过不同账号切换侧边栏菜单的颜色,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-01-01
  • Vue3使用mpegts.js播放FLV视频的配置和遇到的坑解决办法

    Vue3使用mpegts.js播放FLV视频的配置和遇到的坑解决办法

    mpegts.js是在HTML5上直接播放MPEG-TS/FLV流的播放器,针对低延迟直播优化,这篇文章主要给大家介绍了关于Vue3使用mpegts.js播放FLV视频的配置和遇到的坑,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-05-05
  • vue前端实现dhtmlxgantt甘特图代码示例(个人需求)

    vue前端实现dhtmlxgantt甘特图代码示例(个人需求)

    这篇文章主要介绍了如何使用dhtmlx-gantt和chinese-days插件在项目中实现节假日置灰显示的功能,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-03-03
  • vue数字类型过滤器的示例代码

    vue数字类型过滤器的示例代码

    本篇文章主要介绍了vue数字类型过滤器的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 详解Vue template 如何支持多个根结点

    详解Vue template 如何支持多个根结点

    这篇文章主要介绍了详解Vue template 如何支持多个根结点,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • vue this.reload 方法 配置

    vue this.reload 方法 配置

    这篇文章主要介绍了vue this.reload 方法 配置,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • 详解vue使用vue-layer-mobile组件实现toast,loading效果

    详解vue使用vue-layer-mobile组件实现toast,loading效果

    这篇文章主要介绍了详解vue使用vue-layer-mobile组件实现toast,loading效果,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Vue3中keep-alive缓存问题的解决方法

    Vue3中keep-alive缓存问题的解决方法

    文章主要介绍了在Vue3中使用keep-alive组件时的缓存问题及其解决方法,包括手动清除缓存、使用VueDevtools调试、自定义keep-alive逻辑、升级Vue版本、使用路由重定向和记录keep-alive状态等方法,帮助了解决keep-alive缓存问题,保持组件高效性和维护性
    2026-04-04
  • vue中利用iscroll.js解决pc端滚动问题

    vue中利用iscroll.js解决pc端滚动问题

    这篇文章主要介绍了vue中利用iscroll.js解决pc端滚动问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02

最新评论