Блог

Главная - Вопросы по программированию - Показать TS6133 (объявленный, но так и не прочитанный) как предупреждение вместо ошибки

Показать TS6133 (объявленный, но так и не прочитанный) как предупреждение вместо ошибки

#reactjs #typescript #tsconfig #typescript-eslint

#reactjs #машинопись #tsconfig #typescript-eslint

Вопрос:

Ранее при работе над проектами react с использованием typescript были случаи, когда я объявлял переменную, не читая ее, и она уведомляла об этом как предупреждение на консоли. VSCode также будет уведомлять с помощью желтой волнистой линии.

В проекте, над которым я работаю, неиспользуемые переменные отображаются как ошибки, которые «ломают» приложение. Я бы хотел, чтобы неиспользуемые переменные были уведомлены как предупреждение, а не как ошибка.

Некоторые из пробованных действий включают изменение tsconfig.json .

 {
    "noUnusedLocals": false,
    "noUnusedParameters": false,
}

Хотя это уведомляет меня о неиспользуемых переменных в консоли и не «ломает» приложение, VSCode не уведомляет о неиспользуемых переменных.

tsconfig.json

 {
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "noImplicitAny": true,
    "strictNullChecks": true,
    "strictFunctionTypes": true,
    "strictPropertyInitialization": true,
    "noImplicitThis": true,
    "alwaysStrict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noImplicitReturns": true
  },
  "include": ["src"]
}

.eslintrc.json

 {
  "root": true,
  "extends": ["react-app", "react-app/jest"],
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint"],
  "rules": {
    "@typescript-eslint/no-unused-vars": ["warning"]
  }
}

package.json

 {
  "name": "project",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.11.3",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/styles": "^4.11.3",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "material-ui-image": "^3.3.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "typescript": "^4.1.2",
    "web-vitals": "^1.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "lint": "eslint . --ext .js,.jsx,.ts,.tsx --max-warnings 0"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@types/jest": "^26.0.20",
    "@types/node": "^14.14.31",
    "@types/react": "^17.0.2",
    "@types/react-dom": "^17.0.1",
    "@types/react-router-dom": "^5.1.7",
    "@typescript-eslint/eslint-plugin": "^4.15.2",
    "@typescript-eslint/parser": "^4.15.2",
    "eslint": "^7.20.0",
    "prettier": "2.2.1"
  }
}

Сообщение об ошибке:

 D:/path/to/project/src/components/ThemeProvider.tsx
TypeScript error in D:/path/to/project/src/components/ThemeProvider.tsx(23,7):
'someVariable' is declared but its value is never read.  TS6133

    21 |   },
    22 | });
  > 23 | const someVariable = {};
       |       ^
    24 |
    25 | const ThemeProvider = ({ children }: { children: ReactNode }) => {
    26 |   return <MUIThemeProvider {...{ theme }}>{children}</MUIThemeProvider>;

Комментарии:

1. Я бы включил правило ESLint, запрещающее неиспользуемые переменные, и использовал плагин VSCode от ESLint

2. Включение правила ESLint не допускает сборки с присутствующими неиспользуемыми переменными. Я ищу способ отобразить предупреждение как в vscode, так и в консоли.

Ответ №1:

Если вы включаете правило ESLint, вы указываете, что нарушения должны быть предупреждением, а не ошибкой. При необходимости измените процесс сборки так, чтобы только ошибки (а не предупреждения) препятствовали успешной сборке.

https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/docs/rules/no-unused-vars.md

 "@typescript-eslint/no-unused-vars": ["warning"]

Комментарии:

1. Я добавил это rules в свой .eslintrc . Приложение по-прежнему не компилируется.

2. Как вы интерпретируете результаты ESLint? Вам нужно изменить его так, чтобы только ошибки вызывали остановку процесса, а не предупреждения.

3. Я добавил свои данные конфигурации

4. Также добавление "@typescript-eslint/no-unused-vars": ["warning"] результатов в .eslintrc.json: Configuration for rule "@typescript-eslint/no-unused-vars" is invalid: Severity should be one of the following: 0 = off, 1 = warn, 2 = error (you passed '"warning"').

5. Похоже, вы используете несколько иную настройку, чем описано в документах — итак, чтобы установить для него значение warn вместо error, используйте 1 вместо ["warning"] , это звучит как?

Ответ №2:

Создание .env файла решило проблему для меня. Это переменные, которые я установил в .env 

 TSC_COMPILE_ON_ERROR=true
ESLINT_NO_DEV_ERRORS=true

Более подробную информацию можно найти в документации cra