visual studio code - Como você resolve regras de linting conflitantes no VSCode entre eslint e typescript-eslint

Eu tenho minhas regras de eslinting da seguinte forma

module.exports = { env: { es6: true, node: true, mocha: true }, extends: [ "standard-with-typescript" ], parser: '@typescript-eslint/parser', globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaVersion: 2018, sourceType: 'module', project: "./tsconfig.json" }, rules: { "quotes": ["warn", "single"], "indent": ["warn", "tab", { "ig

Consulte Mais informação →

ESLint espaçamento para cláusula try/catch do TypeScript

Em TypeScript eu tenho:

try { } catch(err) { }

blocos e blocos catch sem argumento:

try { } catch { }

Nas regras do ESLint eu tenho (trecho editado de eslint.yaml):

space-before-function-paren: [error, {anonymous: never, named: never, asyncArrow: always}] space-before-blocks: warn keyword-spacing: [warn, {before: true, after: false, overrides: {catch: {after: true}}}]

Com essas regras, o ESLint reclama d

Consulte Mais informação →

typescript - Problema de coalescência nula do Eslint combinado com encadeamento opcional

Vamos supor que temos essas três expressões analisadas pelo eslint:

const exp1 = a ?? b; // ok const exp2 = a?.b // ok const exp3 = a?.b ?? c // Parsing error: ':' expected.

Tudo funciona e é compilado com sucesso com TypeScript, mas a última expressão gera um erro do ESLint Parsing error: ':' expected. Parece que há um problema com a combinação de Nullish coalescing e optional chaining. Alguém já encontrou esse problema?

package.json

Consulte Mais informação →

typescript - Continuo recebendo ESLint "definido mas nunca usado. (no-unused-vars)" quando definido

Estou usando o IDE WebStorm para meu projeto TypeScript com ESLint e Prettier ativados. Estou recebendo o aviso:

para este código:

import { ToastAndroid } from 'react-native'; import { TProjectsList, IProject } from '../types'; export const reduceRecu

Consulte Mais informação →

reactjs - Regra do Eslint para validar case Pascal no nome do componente React (apenas para extensão .tsx)

Estou tentando usar o Eslint para aplicar PascalCase nos meus componentes React. Eu olhei todos os plugins/regras existentes que consegui encontrar, e aqui estão meus problemas:

Estou usando Typescript (extensões .tsx), então react/jsx-pascal-case não vai funcionar para mim. Para arquivos que não são componentes, eu quero permitir kebab-case, então eu gostaria de filtrar apenas arquivos com a extensão .tsx.

TL;DR - Eu gostaria de uma regra do Eslint para impor Pas

Consulte Mais informação →

typescript - Plugin do Eslint para verificar corpos de texto

Tendo a codificar acidentalmente algumas strings diretamente, como o nome do aplicativo, em mensagens de erro. Tenho o nome disponível em uma constante, mas esqueço de usá-la e escrevo o nome do aplicativo em um elemento JSX ou em uma string TypeScript. O projeto utiliza ESLint para validação de código. O ESLint possui alguma regra ou plugin para verificar o conteúdo de elementos JSX e strings TypeScript em busca de palavras/frases proibidas?

Consulte Mais informação →

typescript - Eslint --max-warnings para Tslint

Estou tentando adicionar uma regra lint-staged como eslint --max-warnings=0, mas usando tslint. Então, a questão é: isso é possível e, se sim, como? Nada útil no site de documentação deles.

Consulte Mais informação →

reactjs - ESLint não sugere assinantes necessários do useEffect (CRA + TS + ESLint + Prettier)

Quando tentei criar um hook personalizado, enfrentei alguns problemas. O ESLint não me sugeriu inscritos para o useEffect. (fetch não foi sugerido e eu o preenchi manualmente) Eu também tentei o eslint-plugin-react-hooks, mas ele também não funcionou.

useEffect(() => { fetch(); }, [fetch]);

Mesmo problema para useCallback

código completo do hook personalizado

import { useState, useEffect, useCallback } from "react"; import { server }

Consulte Mais informação →

node.js - Suporte de script leve em TypeScript com ESLint e Prettier

TypeScript/ESLint/Prettier se tornaram minhas ferramentas favoritas para todos os tipos de tarefas. No entanto, ainda estou tendo dificuldades com pequenos scripts Nodejs que têm apenas algumas dezenas de linhas de código. Para escrever um pequeno script Nodejs com uma experiência confortável de IDE, eu preciso:

• Criar um package.json
• Configure o tsconfig (compilação rigorosa)
• Configure o ESLint
• Configurar o Prettier
• Compile para JavaScript se eu me i
  Consulte Mais informação →

javascript - Como Criar um Mixin no Angular11 com ESLint

Nos meus projetos Angular9 e Angular10, consegui criar mixins usando os passos abaixo do blog Harnessing the power of Mixins in Angular

constructor.mixin.ts

export type Constructor<T = {}> = new (...args: any[]) => T;

meu-mixin.mixin.ts

import {Constructor} from './constructor.mixin'; import {BehaviorSubject} from 'rxjs'; export const myMixin = <T ext

Consulte Mais informação →