typescript - 阻止 eslint 在 typescript 的非空断言运算符上窒息？

Question

被引用的意外标记是 !，非空断言运算符。我怎样才能仍然使用非空断言运算符并摆脱这个错误？

 46:43  error  Parsing error: Unexpected token 

  16 | export default class MyComponent extends Vue {
> 18 |   @Prop({ default: 'Default Title' }) title!: string

.eslintrc.js:

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: 'babel-eslint',
    ecmaFeatures: {
      legacyDecorators: true
    }
  },
  extends: [
    '@nuxtjs',
    'plugin:nuxt/recommended'
  ],
  rules: {
    "quotemark": 0,
    "whitespace": [0, "check-branch", "check-operator", "check-typecast", "check-preblock", "check-postbrace", "check-type"],
    "interface-name": 0,
    "ordered-imports": 0,
    "object-literal-sort-keys": 0,
    "no-consecutive-blank-lines": 0,
    "semicolon": 0,
    "vue/html-self-closing": ["error", {
      "html": {
        "void": "any",
        "normal": "any",
        "component": "always"
      },
      "svg": "never",
      "math": "never"
    }],
    "trailing-comma": 0,
    "no-console": 0,
    "no-string-literal": 0,
    "no-var-requires": 0, 
    "ban-types": 0,
  }
}

Answer 1

这可能只是 babel-eslint 的错误或配置错误，但如果您将 Typescript 与 eslint 一起使用，您可能最好使用@typescript-eslint/parser - 这是一个旨在处理 TS 代码的解析器。

通过该解析器，您还可以使用 @typescript-eslint/plugin它有一些特定于检查 Typescript 代码的 eslint 规则，以及一些更新版本的基本 lint 规则，以更好地处理 Typescript 代码。

你可以看到 README对于 @typescript-eslint 单体仓库；有关将 ESLint 与 Typescript 结合使用的更多信息。