首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >对可访问性抛出错误的角度

对可访问性抛出错误的角度
EN

Stack Overflow用户
提问于 2021-12-20 13:27:26
回答 1查看 282关注 0票数 0

我正在尝试使用eslint和issues来分析可访问性问题。但会犯这样的错误;

代码语言:javascript
复制
E:\Training\landing-app\src\app\app.component.spec.ts
  1:1  error  Definition for rule 'jsx-a11y/rule-name' was not found  jsx-a11y/rule-name

E:\Training\landing-app\src\app\app.component.ts
  1:1  error  Definition for rule 'jsx-a11y/rule-name' was not found  jsx-a11y/rule-name

E:\Training\landing-app\src\app\app.module.ts
  1:1  error  Definition for rule 'jsx-a11y/rule-name' was not found  jsx-a11y/rule-name

E:\Training\landing-app\src\app\news-api\na-article-list\na-article-list.component.spec.ts
  1:1  error  Definition for rule 'jsx-a11y/rule-name' was not found  jsx-a11y/rule-name 

这是我的package.json:

代码语言:javascript
复制
{
  "name": "landing-app",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "eslint": "eslint",
    "lint": "eslint"
  },
  "husky": {
    "hooks": {
      "pre-commit": "yarn run lint",
      "pre-push": "yarn run lint && yarn test"
    }
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~13.0.0",
    "@angular/common": "~13.0.0",
    "@angular/compiler": "~13.0.0",
    "@angular/core": "~13.0.0",
    "@angular/forms": "~13.0.0",
    "@angular/platform-browser": "~13.0.0",
    "@angular/platform-browser-dynamic": "~13.0.0",
    "@angular/router": "~13.0.0",
    "bootstrap": "^5.1.3",
    "rxjs": "~7.4.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-builders/jest": "latest",
    "@angular-devkit/build-angular": "~13.0.4",
    "@angular-eslint/builder": "13.0.1",
    "@angular-eslint/eslint-plugin": "13.0.1",
    "@angular-eslint/eslint-plugin-template": "13.0.1",
    "@angular-eslint/schematics": "13.0.1",
    "@angular-eslint/template-parser": "13.0.1",
    "@angular/cli": "~13.0.4",
    "@angular/compiler-cli": "~13.0.0",
    "@briebug/jest-schematic": "4.0.0",
    "@types/jest": "latest",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "5.3.0",
    "@typescript-eslint/parser": "5.3.0",
    "eslint": "^8.2.0",
    "eslint-plugin-jsx-a11y": "^6.5.1",
    "husky": "^7.0.4",
    "jest": "latest",
    "jest-sonar-reporter": "^2.0.0",
    "typescript": "~4.4.3"
  },
  "jestSonar": {}
}

.eslintrc.json

代码语言:javascript
复制
{
  "root": true,
  "ignorePatterns": [
    "projects/**/*"
  ],
  "overrides": [
    {
      "files": [
        "*.ts"
      ],
      "parserOptions": {
        "project": [
          "tsconfig.json"
        ],
        "createDefaultProgram": true
      },
      "extends": [
        "plugin:@angular-eslint/recommended",
        "plugin:@angular-eslint/template/process-inline-templates",
        "plugin:jsx-a11y/recommended"
      ],
      "plugins": [
        "jsx-a11y"
      ],
      "rules": {
        "jsx-a11y/rule-name": 2,
        "@angular-eslint/directive-selector": [
          "error",
          {
            "type": "attribute",
            "prefix": "app",
            "style": "camelCase"
          }
        ],
        "@angular-eslint/component-selector": [
          "error",
          {
            "type": "element",
            "prefix": "app",
            "style": "kebab-case"
          }
        ]
      }
    },
    {
      "files": [
        "*.html"
      ],
      "extends": [
        "plugin:@angular-eslint/template/recommended",
        "plugin:jsx-a11y/recommended"
      ],
      "rules": {}
    }
  ]
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-20 14:22:39

问题就在于错误的状态:不存在名为jsx-a11y/rule-name的规则。我想您是从他们的自述中复制的,但他们试图告诉您的是用插件中的实际规则的名称替换rule-name

由于您已经扩展了他们推荐的规则集,只需删除引用不存在规则的行就足够了。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70422534

复制
相关文章

相似问题

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