问题描述

今天启动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代替