vue.js - Vetur 将 .vue 文件的第一行标记为错误

Question

我的 vscode vetur 插件将 vue 文件的第一行标记为错误。这是使用完全空白的 .vue 文件模板的代码

<template>
  <div>
  </div>
</template>
<script>
  export default {
    
  }
</script>
<style scoped>
    
</style>

但是 <template> 行被标记为错误。这是错误消息：

Argument of type '{}' is not assignable to parameter of type 'new (...args: any[]) => any'.
  Type '{}' provides no match for the signature 'new (...args: any[]): any'. Vetur(2345) [1,1]

我已经确认 vetur 是唯一一个通过禁用所有其他插件对 .vue 文件执行任何操作的插件

我的 vscode 信息在这里：

Version: 1.47.2
Commit: 17299e413d5590b14ab0340ea477cdd86ff13daf
Date: 2020-07-15T18:22:15.161Z
Electron: 7.3.2
Chrome: 78.0.3904.130
Node.js: 12.8.1
V8: 7.8.279.23-electron.0
OS: Linux x64 5.4.0-42-generic

我正在使用 Vetur 0.25.0

我完全不知道可能导致这种情况的原因。由于这个原因没有智能感知和代码完成让我发疯

Answer 1

在 veutr 扩展设置中禁用实验模板插值，

"vetur.experimental.templateInterpolationService": false

Answer 2

这是一个老问题，您可以在此 GitHub 线程中看到： Vetur- 模板插值错误...

您可以尝试那里提出的一种解决方法： alukos 于 2019 年 9 月 27 日发表评论

或者您可以尝试通过设置或通过vetur.config.js 文件 将 templateInterpolationService 设置为 false 来更改 Vetur 配置，正如@Jaideep Heer 所说。

"vetur.experimental.templateInterpolationService": false

重新启动编辑器以完全生效，错误应该消失。

问候。

Answer 3

我没有花时间找出根本原因，但删除 .vscode 文件夹在我的情况下解决了它。