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中Class和Style实现v-bind绑定的几种用法

    Vue中Class和Style实现v-bind绑定的几种用法

    项目开发中给元素添加/删除 class 是非常常见的行为之一, 例如网站导航都会给选中项添加一个 active 类用来区别选与未选中的样式,那么在 vue 中 我们如何处理这类的效果呢?下面我们就一起来了解一下
    2021-05-05
  • JavaScript的MVVM库Vue.js入门学习笔记

    JavaScript的MVVM库Vue.js入门学习笔记

    这篇文章主要介绍了JavaScript的MVVM库Vue.js入门学习笔记,Vue.js是一个新兴的js库,主要用于实现响应的数据绑定和组合的视图组件,需要的朋友可以参考下
    2016-05-05
  • vue和react中关于插槽详解

    vue和react中关于插槽详解

    这篇文章主要介绍了vue和react中关于插槽详解,slot插槽是Vue对组件嵌套这种扩展机制的称谓,在react可以也这样称呼,但是并不很常见。不过叫slot确实很形象
    2022-08-08
  • vue3.x项目降级到vue2.7的解决方案

    vue3.x项目降级到vue2.7的解决方案

    Vue2.7是Vue2.x的最终次要版本,下面这篇文章主要给大家介绍了关于vue3.x项目降级到vue2.7的解决方案,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-03-03
  • Unocss(原子化css) 使用及vue3 + vite + ts讲解

    Unocss(原子化css) 使用及vue3 + vite + ts讲解

    这篇文章主要介绍了Unocss(原子化css)使用vue3 + vite + ts的方法,简单介绍了Unocss使用及图标库使用,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • vue2.x 对象劫持的原理实现

    vue2.x 对象劫持的原理实现

    这篇文章主要介绍了vue2.x 对象劫持的原理实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • vue 使某个组件不被 keep-alive 缓存的方法

    vue 使某个组件不被 keep-alive 缓存的方法

    今天小编就为大家分享一篇vue 使某个组件不被 keep-alive 缓存的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • 浅谈vue-cli5关于yarn的一个小坑

    浅谈vue-cli5关于yarn的一个小坑

    本文主要介绍了vue-cli5关于yarn的一个小坑,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • Vue实现前后端完全分离的项目实战

    Vue实现前后端完全分离的项目实战

    本文主要介绍了Vue实现前后端完全分离的项目实战,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • VUE3引入html文件并传值方法举例

    VUE3引入html文件并传值方法举例

    这篇文章主要给大家介绍了关于VUE3引入html文件并传值的相关资料,这是最近在项目中遇到了的一个需求,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-07-07

最新评论