首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >V- on上的“预期解析错误标识符”:更改

V- on上的“预期解析错误标识符”:更改
EN

Stack Overflow用户
提问于 2020-08-27 11:33:06
回答 3查看 11.4K关注 0票数 2

我遇到了一个问题,即导入一个类仅用作类型记录类型注释会导致no-unused vars错误。这个帖子说要将"plugin:@typescript-eslint/recommended"添加到eslint配置中,这解决了问题,但导致了更多解析错误:

  • 发生在ESLint: Parsing error: Identifier expected上的v-on:change
  • 发生在ESLint: Parsing error: '}' expected.components: {}上的@Component(...)

/App.vue

代码语言:javascript
运行
复制
<template>
    <div id="app" style="height: 100%">
        <input v-on:change="onChange"/> <!--This is the "Identifier expected" error -->
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import Foo from "@/path/to/Foo";
import Bar from "@/path/to/Bar";

@Component({
    components: {  //This is where the `'}' expected.` error occurs
        
    }
})
export default class App extends Vue {
    onChange(e : any) : void {
        let f : Foo = Bar.baz();  //This is what caused the "no-unused-vars" problem before
        f.someFunc();
    }
}
</script>

下面是来自package.json的Eslint:

代码语言:javascript
运行
复制
"eslintConfig": {
    "root": true,
    "env": {
        "node": true
    },
    "extends": [
        "plugin:vue/essential",
        "eslint:recommended",
        "@vue/typescript",
        "plugin:@typescript-eslint/recommended"
    ],
    "parserOptions": {
        "parser": "@typescript-eslint/parser"
    },
    "rules": {}
}

我尝试在vue/valid-v-on中启用rules,以及在上面的GitHub线程中使用的其他每个exports

我该怎么做才能解决这个问题?

提前谢谢。

编辑:我已经从eslint中删除了plugin:@typescript-eslint/recommended",并将行// eslint-disable-next-line no-unused-vars放在代码中每个“未使用”导入的前面。这不是一个最佳的解决方案,所以我不讨论这个问题。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-08-17 20:18:11

更新(一年后):我已经犯了几次错误,我发现jsut重新启动TypeScript服务通常会修复它。

在IntelliJ Idea窗口的右下角,单击"Vue TypeScript ",然后单击“重新启动TypeScript服务”。一两秒钟后,所有的“错误”都将被重新评估,任何错误标记为错误都应该被清除。

这也可以用于“修复”TypeScript错误检查器中的许多其他问题。

票数 1
EN

Stack Overflow用户

发布于 2021-03-14 18:21:39

我也有过同样的经历。我怀疑这只是电脑的“坏心情”.所以我把这句话写进了评论中,只是我自己在下面写了同样的东西。编译器保持沉默,所以我删除了前一行。

可能只是个窃听器。

票数 0
EN

Stack Overflow用户

发布于 2021-09-28 03:11:20

跳过@typescript-eslint/解析器vue文件

添加.eslintignore文件

代码语言:javascript
运行
复制
# @typescript-eslint/parser can not parse vue v-on
src/view/example/index.vue
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63615103

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档