«eslint» 태그된 질문

React에 대해 ESLINT를 미리 구성해야하는 eslint-config-airbnb를 설치 했습니다 . 기본 내보내기에는 ECMAScript 6+ 및 React를 포함한 모든 ESLint 규칙이 포함됩니다. eslint, eslint-plugin-import, eslint-plugin-react 및 eslint-plugin-jsx-a11y가 필요합니다. 내 .eslintrc구성 확장 : { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": [2, { "capIsNewExceptions": ["List", "Map", …

102 javascript  reactjs  eslint  eslint-config-airbnb 

여러 자바 스크립트 파일이 있고 다른 파일보다 먼저로드되는 파일에 전역 변수를 정의했습니다. 결과적으로 첫 번째 파일 이후에로드 된 모든 파일은 전역 변수에 액세스 할 수 있습니다. 그러나 ESLint는 전역 변수를 "정의되지 않음"으로 표시합니다. ESLint의 규칙을 변경하고 싶지 않으며 이러한 오류 메시지를 제거하는 우아한 방법을 찾고 싶습니다. 단서가 있습니까? 감사

102 javascript  variables  global  eslint 

주요 목적은 DOM 개체에 속성을 설정하는 방법이 있습니다. function (el) { el.expando = {}; } ESLint에서 no-param-reassign오류를 발생 시키는 AirBnB의 코드 스타일을 사용 합니다. 함수 매개 변수 'el'에 대한 오류 할당 no-param-reassign AirBnB의 코드 스타일을 준수하면서 인수로 전달 된 DOM 객체를 어떻게 조작 할 수 있습니까? 누군가 /* eslint react/prop-types: …

97 javascript  dom  eslint 

Prettier와 ESLint를 함께 사용하고 싶지만 차례로 사용하는 것만으로도 갈등을 겪었습니다. 나란히 사용할 수있는 것처럼 보이는 세 가지 패키지가 있습니다. prettier-eslint eslint-plugin-prettier eslint-config-prettier 그러나 이러한 패키지 이름에 eslint및 prettier. 어느 것을 사용해야합니까?

93 javascript  ecmascript-6  eslint  code-formatting  prettier 

주어진 키의 i18n 문자열을 가져 오기 위해 다음 논리를 사용하고 있습니다. export function i18n(key) { if (entries.hasOwnProperty(key)) { return entries[key]; } else if (typeof (Canadarm) !== 'undefined') { try { throw Error(); } catch (e) { Canadarm.error(entries['dataBuildI18nString'] + key, e); } } return entries[key]; } 내 프로젝트에서 ESLint를 사용하고 있습니다. …

91 javascript  ecmascript-6  eslint 

나는 eslint& eslint-plugin-react. ESLint를 실행할 때 linter는 no-unused-vars각 React 구성 요소에 대해 오류를 반환 합니다. JSX 또는 React 구문을 사용하고 있음을 인식하지 못한다고 가정하고 있습니다. 어떤 아이디어? 예: app.js import React, { Component } from 'react'; import Header from './header.js'; export default class App extends Component { render() { return …

91 javascript  reactjs  jsx  eslint 

ESLint는 VS Code에서 나를 위해 작동하지 않습니다. 플러그인이 VS Code에 설치되어 있고 ESLint 자체가 내 package.json에 개발자 종속성으로 설치되어 있습니다. VS Code 사용자 설정에서 다음 옵션을 수정했습니다. { "eslint.options": { "configFile": "C:/mypath" } } 명령 eslint --init을 사용하여 기본 .eslintrc.json패키지를 패키지의 기본 디렉토리에 추가했습니다 . 다른 사람들은 똑같은 ESLint 구성 …

87 javascript  visual-studio-code  eslint 

다음 코드가 있습니다. eslint throw : 반응 / 소품 유형 onClickOut; 소품 유효성 검사에 누락되었습니다. 반응 / 소품 유형 어린이; 소품 유효성 검사에 누락되었습니다. propTypes 정의되었지만 eslint가 인식하지 못합니다. import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = { children: PropTypes.any, onClickOut: PropTypes.func, …

87 javascript  reactjs  eslint  flowtype 

나는를 사용 React하고 ESLint있습니다 eslint-plugin-react. 하나의 파일 disable에서 prop-types규칙을 원합니다 . var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } });

84 reactjs  eslint 

Typescript로 만든 간단한 Node / Express 앱이 있습니다. 그리고 eslint는 오류를 줘 Missing file extension "ts" for "./lib/env" import/extensions 여기 내 .eslintrc 파일이 있습니다 { "extends": [ "airbnb", "plugin:@typescript-eslint/recommended", "prettier", "prettier/react", "plugin:import/errors", "plugin:import/warnings", "plugin:import/typescript" ], "parser": "@typescript-eslint/parser", "plugins": ["@typescript-eslint", "prettier", "import"], "settings": { "import/extensions": [".js", ".jsx", ".ts", ".tsx"], "import/parsers": { …

33 node.js  typescript  eslint 

상태가 변경되면 너무 얽힌 사용자 정의 후크를 만들고 있습니다. 배열의 모든 상태를 전달할 수 있어야합니다. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default useFlatListUpdate 그리고 …

10 reactjs  react-native  eslint  react-hooks 

내 nextjs 프로젝트에서 경로를 매핑했습니다. jsconfig.json 절대 절대 가져 오기를 쉽게하기 위해 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } 내 가져 오기 경로는 다음과 같습니다 import { VIEW } from '@/src/shared/constants'; 내 eslintrc.js설정이 다음과 같이 지정되었습니다. module.exports = { …

9 javascript  webpack  babel  eslint 

사용자가 할 일 목록을 정렬 할 수 있기를 바랍니다. 드롭 다운에서 사용자 선택 항목은이 설정합니다 때 sortKey의 새 버전을 만들 것이다 setSortedTodos, 및 회전을 트리거에서 useEffect와 전화를 setSortedTodos. 아래 예제는 원하는 방식대로 작동하지만 eslint는 의존성 배열 에 추가하라는 메시지 todos를 표시하며 useEffect, 그렇게하면 무한 루프가 발생합니다 (예상 한대로). const [todos, …

9 javascript  reactjs  react-hooks  eslint