programing

tslint는 console.log에 대한 호출이 허용되지 않는다고 합니다.- 어떻게 하면 허용합니까?

topblog 2023. 3. 14. 21:21
반응형

tslint는 console.log에 대한 호출이 허용되지 않는다고 합니다.- 어떻게 하면 허용합니까?

이제 막 create-react-app과 타이프스크립트를 사용하기 시작했습니다.

create-react-app my-app --scripts-version=react-scripts-ts

기본 tslint.json 설정에서는 console.log를 사용할 수 없습니다.

console.log를 활성화하려면 어떻게 해야 합니까?

이에 대한 문서는 https://palantir.github.io/tslint/rules/no-console/에 있습니다.그러나 이 선을 어디에 두어야 하는지 말하지 않습니다.

    "no-console": [true, "log", "error"]

다음 tslint.json 컨피규레이션파일 구문을 검색하여 다음과 같이 시도했습니다.

"rules": {
    "no-console": [true, "warning"]
}

경고에 불과한 로그 메시지를 얻으려고 합니다.하지만 효과가 없었어요.

현재 가지고 있는 console.log() 행은 몇 개 없습니다만, 장래에는 이 작업을 실시할 수 있으면 좋겠다고 생각하고 있습니다.

더하다// tslint:disable-next-line:no-console전화 직전에 줄을 서서console.log에러 메세지가 1회만 표시되지 않게 합니다.

규칙을 완전히 디세블로 하려면 , 다음의 항목을 에 추가합니다.tslint.json(루트 폴더 내일 가능성이 높습니다):

{
    "rules": {
        "no-console": false
    }
}

javascript와 typescript가 혼재된 코드베이스를 가지고 오시는 분들을 위해.

jsRules, jslints rules object for javascripts, 즉 javascript와 typescript에는 별도의 규칙 객체가 있습니다.

//tslint.json

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"], //Example... 
  "rules": {
    "no-console": false //Disable for typescript
  },
  "jsRules": {
    "no-console": false //Disable for javascript
  }
}

다음 항목을 에 추가합니다.tslint.json

{
   "rules": {
      "no-console": {
         "severity": "warning",
      } 
   }
}

이는 콘솔 없음 규칙(또는 해당 문제에 대한 다른 규칙)을 정의하는 올바른 구문이지만 오류가 아닌 경고(옵션을 원하는 대로 변경)로만 정의할 수 있습니다.

"no-console": {
    "severity": "warning",
    "options": [
        "log",
        "error",
        "debug",
        "info",
        "time",
        "timeEnd",
        "trace"
    ]
},

tslint "no-console" 규칙을 처리하는 방법은 개발 단계에서 편리하고 격리된 파일 단위입니다.

첫 번째 console.log()를 사용해야 할 경우 Visual Studio Code에 다음 옵션을 추가할 수 있습니다.

// tslint: disable-next-line: no-disable

console.log();

여기서 "-next-line"을 삭제하면 이 명령어는 파일 전체를 포함합니다.

// tslint: 디세이블: no-disable

console.log();

앱 전체에서 기능을 비활성화하는 대안으로 도움이 되었으면 합니다.

한다면// tslint:disable-next-line:no-console로 시험해 볼 수 없다// eslint:disable-next-line:no-console

typeScript version 3에서 다음과 같은 키 규칙에 따라 tslint.json을 업데이트합니다.

"no-console": [
    true,
    "debug",
    "time",
    "timeEnd",
    "trace"
],

debug, time, timeEnd, trace를 지정하기만 하면 기본 tslint "info"가 목록에 있는 경우 해당 정보를 삭제합니다.

린터를 우회하기 위한 더러운 해킹일 뿐이야

const { log } = console; log('Hello linter'); // TODO: remove

문서에 따르면 https://eslint.org/docs/user-guide/getting-started#configuration

  • "off" 또는 0 - 규칙 끄기
  • "display" 또는 1 - 경고로 규칙 켜기(종료 코드에는 영향을 주지 않음)
  • "error" 또는 2 - 규칙을 오류로 설정합니다(오류 코드는 1이 됩니다.

덧붙여서, 당신의 올바른 설정은

{
  "rules": {
    "no-console": false
  }
}
  {
    "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
    "linterOptions": {
        "exclude": [
            "config/**/*.js",
            "node_modules/**/*.ts",
            "coverage/lcov-report/*.js"
        ]
    },
    "rules": {
        "no-console": false
    },
    "jsRules": {
        "no-console": false
    }
 }

여기에 이미지 설명 입력

구문이 변경되었습니다!

줄없는 경우 앞에 .// eslint-disable-next-line no-console.

예외의 구문 에 있어야 .Multiple-line comment 문 、 Multiple-line comment 、 Multiple-line comment 、 Multiple-line comment 、 Multiple-line comment 。/* eslint-disable no-console */.

또, 특정의 설정에 의해서도 다릅니다.

방법을 찾고 있는 분들을 위해console.log'이지만 '한 방법'을 '한 방법'을 사용할 수 있습니다.console.time ★★★★★★★★★★★★★★★★★」console.timeEndeslintrc .eslintrc l eslintrc eseses 。

 "no-console": ["error", {"allow": ["time", "timeEnd", "trace"]}],

언급URL : https://stackoverflow.com/questions/49990513/tslint-says-calls-to-console-log-are-not-allowed-how-do-i-allow-this

반응형