Vetur错误2300重复标识符‘(缺失)’

Question

在一个类型记录nuxt.js应用程序中，Vetur出现了一个奇怪的错误。它在所有组件的第一行上显示此错误消息，无论它是空行还是带有标记。

我不知道这个错误是什么时候出现的，或者它到底意味着什么？

​

​

任何帮助都将不胜感激，非常感谢！

Answer 1

结果表明，这是由于Vetur实验的templateInterpolationService特性。通过将其转换为false文件中的vetur.config.js文件：

module.exports = {
  settings: {
    /* .. */
    'vetur.experimental.templateInterpolationService': false
    /* .. */
  }
};

威图尔停止了对我的部件的意外干扰。

Answer 2

公认的答案是，就像当你的手指受伤时砍掉你的手臂一样！如果禁用templateInterpolationService，就会损失很大一部分Vetur的价值。

对我来说，当我升级typescript > 4.4时，VeturV0.35.0崩溃了

您可以通过在项目根目录中键入npm ls typescript来检查正在使用的类型记录的哪个版本。

如果您正在运行typescript 4.4.4 (或更低)，请尝试如下：

重新启动Vue Lanaguage Server (在VSCode中)：

视图->

高级指挥调色板。->

再分配VLS (Vue语言服务器)

如果您正在运行typescript 4.5或更高版本，则可能会遇到此错误。在这个案子里还在努力找个解决办法。

或者，为了强制您的环境全面使用旧版本的类型记录，您可以确保您的npm版本是8.3+，并使用package.json的新的“重写”部分：

...
  "overrides": {
    "typescript": "4.4.4"
  },
...

Answer 3

确保vscode <=4.4.4的gloabal版本。这可能是一些依赖关系(如@microsoft/api-extractor)使用较新的typescript。

创建vetur.config.js。将"vetur.useWorkspaceDependencies": "false"设置为settings。示例：

module.exports = {
    settings: {
        "vetur.useWorkspaceDependencies": false,
        "vetur.experimental.templateInterpolationService": true
    }
}

在Vue Language Server中检查vscode输出面板，可以：

[INFO ] Find node_modules paths in xxxxxxx - 247ms
[INFO ] Loaded bundled typescript@4.4.4.
[INFO ] Loaded bundled prettier.
[INFO ] Loaded bundled @starptech/prettyhtml.
[INFO ] Loaded bundled prettier-eslint.
[INFO ] Loaded bundled prettier-tslint.
[INFO ] Loaded bundled stylus-supremacy.
[INFO ] Loaded bundled @prettier/plugin-pug.

成功！