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.timeEnd
eslintrc .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
'programing' 카테고리의 다른 글
Angular.js의 모델 상태를 저장할 위치 (0) | 2023.03.14 |
---|---|
Angular ng-options에서 값을 연결할 수 있습니까? (0) | 2023.03.14 |
리액트 훅을 사용하여 Next.js SSR에서 창 크기를 검출하는 방법 (0) | 2023.03.14 |
JSON에서 HAL(Hypertext Application Language)을 비활성화하시겠습니까? (0) | 2023.03.14 |
Jackson을 사용하여 json으로 바이트 배열 보내기 (0) | 2023.03.14 |