vscode中vue3+ts报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决)

这篇具有很好参考价值的文章主要介绍了vscode中vue3+ts报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

亲爱的小伙伴们,你们是否遇到过使用vscode打开vue3+ts项目时一片爆红,一直提示类型"{}"上不存在属性 "",以及ts.config.app.json和tsconfig.node.json中报“在没有"node"模块解析策略的情况下,无法指定选项"-resolveJsonModule”的问题,不要担心,不要着急,看了很多篇的博客,我终于是彻底解决了这些恶心的报错,然后就迫不及待地想要分享给大家,希望对各位有所帮助哦!

1.解决类型不存在属性问题

首先找到ts.config.json文件,然后在文件中添加如下代码即可,当你保存后你会惊喜地发现刚才vue文件中的爆红已经完全消失了。

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

vscode中vue3+ts报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决),vscode,json,node.js

 2.解决ts.config.app.json和tsconfig.node.json中报错

首先找到ts.config.app.js文件,然后在compilerOptions下添加"moduleResolution":"node",保存后关闭掉爆红的json文件,重新打开后你会发现刚才的爆红已经消失了

vscode中vue3+ts报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决),vscode,json,node.js

 最后,如果我的小经验对你有所帮助的话,麻烦动动你可爱的小手指,为我点个赞吧!

 文章来源地址https://www.toymoban.com/news/detail-641386.html

到了这里,关于vscode中vue3+ts报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • vue3 组件TS 类型声明

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

    2023年04月08日
    浏览(37)
  • vue3+TS报错:不能将类型“unknown”分配给类型“string”(TS)

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

    2024年02月15日
    浏览(41)
  • vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

    运行vite+vue3项目时报错: failed to load config from …/vite.config.ts error when starting dev server: Error: Cannot find module ‘node:path’ Require stack: /Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs 百度了发现是node版本不够,于是去升级node到16版本 1.清除npm缓存: 2.安装node版本管

    2024年02月05日
    浏览(60)
  • Vue3通透教程【十二】TS类型声明优势

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2023年04月20日
    浏览(42)
  • Vue3通透教程【十三】TS简单类型详解

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月05日
    浏览(43)
  • Vue3 + Vite + Ts 开发必备的 VSCode 插件

    Vetur:Vue 语法高亮和语法检查插件。 Vue Peek:快速定位 Vue 组件和模板。 Vue 3 Snippets:快速生成 Vue3 相关代码的代码片段。 Vue VSCode Extension Pack:包含了一系列优秀的 Vue 相关插件,如 Vetur、Vue Peek、ESLint 等。 Vite:Vue 官方提供的快速开发工具,可以快速构建和启动项目,同时

    2024年02月05日
    浏览(74)
  • Vue3通透教程【十四】TS复杂类型详解(一)

    专栏介绍: 凉哥作为 Vue 的忠实 粉丝输出过大量的 Vue 文章,应粉丝要求开始更新 Vue3 的相关技术文章,Vue 框架目前的地位大家应该都晓得,所谓三大框架使用人数最多,公司选型最多的框架,凉哥之前在文章中也提到过就是 Vue 框架之所以火起来的原因,和 Vue 框架相比其

    2024年02月02日
    浏览(59)
  • vue3+ts项目在vscode中爆红提示修复

    问题描述: 新搭建的vue3+ts项目,在vscode中打开,已经安装的的依赖文件也会提示红线 如下图: 在vscode中的tsconfig.json修改配置如下: 代码如下:

    2024年01月25日
    浏览(57)
  • vue3.2+ts错误:找不到模块“./App.vue”或其相应的类型声明。ts(2307)

    vue3.2+ts错误:找不到模块“./App.vue”或其相应的类型声明。ts(2307)   解决方法: 在项目根目录创建 env.d.ts 文件(如果已有,则在文件中追加),加入以下内容: 报错原因: 未定义 .vue文件的类型,导致 ts 无法解析其类型,在env.d.ts中定义后即可解决。

    2024年02月11日
    浏览(54)
  • vite vue3 ts import.meta在vscode中报错

    问题描述:开发使用的框架为vite+vue3+ts,在开发过程中莫名其妙报 仅当“--module”选项为“es2020”、“esnext”或“系统”时才允许使用“import.meta”元属性 问题解决: 通过更改tsconfig.json的module为 esnext,es2022等,未解决该问题; 通过根据vite文档,在 src 目录下创建一个 env.

    2024年02月14日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包