vscode报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘

问题描述

今天启动vscode的时候发现vetur插件需要更新,重新加载以后点击 .vue后缀的文件发现就会弹出如下报错,并且此时写代码没有代码提示!! 用提示快捷键一直显示正在加载…
在这里插入图片描述在这里插入图片描述

解决办法

方案一

注意:如果.vue文件中没有scss的样式可以用此方案,否则用方案二
1.先点击vscode左下方的菜单图标,然后点击设置菜单
在这里插入图片描述
2.搜索vetur,打开settings.json文件
在这里插入图片描述
3.添加如下配置信息

  • 文件末尾添加
"vetur.ignoreProjectWarning": true,
  • files.associations属性中添加如下
"*.vue": "html"

如果没有,这个files,直接补一个:

  "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript",
        "*.vue": "html"
    },

在这里插入图片描述

在这里插入图片描述
4.最后重启vscode即可

  • 代码提示又回来啦
    在这里插入图片描述

方案二

如果不想在项目中添加额外文件,用方案三
如果是因为vetur版本升级导致的,如下图,昨天今天更新了0.37.2才遇到这个问题:
在这里插入图片描述可以在项目根目录创建jsconfig.json文件,加入配置即可:

{
    "include": [
        "./src/*"
    ]
}

在这里插入图片描述

方案三

如果公司维护的工程比较多,不想一个个加文件,可选择使用0.37.2之前的版本
进入扩展页面,搜索vetur,点击配置图标,选择安装另一个版本,安装0.37.2之前的版本即可
在这里插入图片描述
在这里插入图片描述

方案四

卸载vetur用vuter代替
在这里插入图片描述

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值