时间戳

首页 > 解决方案 > “组件”未定义（no-undef）

typescript - “组件”未定义（no-undef）

问题描述

刚刚将 vue 添加到现有项目中，我收到了一个奇怪的 linting 错误：

error: 'components' is not defined (no-undef) at src/App.vue:13:3:
  11 | 
  12 | @Component({
> 13 |   components: { HelloWorld },
     |   ^
  14 | })
  15 | export default class App extends Vue {}
  16 | </script>

这也发生在我添加对象的每个其他属性上。

配置

// .eslintrc.js
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    "eslint:recommended",
    "plugin:vue/essential",
    "@vue/typescript/recommended",
    "@vue/prettier",
    "@vue/prettier/@typescript-eslint",
  ],
  parserOptions: {
    ecmaVersion: 2020,
  },
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
    "@typescript-eslint/explicit-member-accessibility": ["error"],
  },
  overrides: [
    {
      files: [
        "**/__tests__/*.{j,t}s?(x)",
        "**/tests/unit/**/*.spec.{j,t}s?(x)",
      ],
      env: {
        mocha: true,
      },
    },
  ],
};

包.json

    "eslint": "^7.18.0",
    "eslint-config-prettier": "^7.2.0",
    "eslint-plugin-prettier": "^3.1.3",
    "eslint-plugin-vue": "^6.2.2",

打字稿

如果有任何问题，我正在使用打字稿。

标签： typescriptvue.jseslint

解决方案

typescript-eslint repo 上存在一个问题。

https://github.com/typescript-eslint/typescript-eslint/issues/2942

用yarn upgrade升级后，问题消失了

推荐阅读