TSLint 오류 "최대 줄 길이 120을 초과함"

TSLint 오류 "최대 줄 길이 120을 초과함"

Angular2 App에서 다음과 같은 구성 요소를 가져옵니다.

import { PersonsSingleAccountComponent} from 
   '../persons-information/fragments/persons-single-account/persons-single-account-bookings/persons-single-account-bookings.component'

"최대 줄 문자 초과"라는 린트 오류가 나타납니다.만약 제가 ''(백틱)에서 그 진술을 하려고 한다면 그것은 오류를 던지는 것입니다.

이 보풀 오류를 어떻게 해결할 수 있습니까?

이것은 실제로 변경할 수 있는 것이 아니며 코드와 관련이 없습니다.

다음 앞에 설명을 추가하여 이 가져오기에 대한 규칙을 사용하지 않도록 설정해야 합니다.

// tslint:disable-next-line:max-line-length
import { PersonsSingleAccountComponent} from '../persons-information/fragments/persons-single-account/persons-single-account-bookings/persons-single-account-bookings.component'

이 문제를 해결하는 다른 방법이 있습니다.

버전 5.9.0 TSLint 최대 줄 길이 규칙은 무시 패턴을 지원합니다.

tslint.json:

{
  "rules": {
    "max-line-length": [
      true, 
      {
        "limit": 120, 
        "ignore-pattern": "^import [^,]+ from |^export | implements"
      }
    ],
  } 
}

이 규칙은 다음 행을 무시합니다.

import { SomeLongInterfaceName } from '../../../nested/directory/structure/target';
class MyClass implements SomeLongInterfaceName, OnInit, OnDestroy, OnViewChange {}
export { MyClass, SomeLongInterfaceName };

학점은 다니엘 쿠칼에게 주어집니다.

OP의 질문을 위해, 사용.^import [^,]+ from긴 수입을 무시하기에 충분할 것입니다.

IMHO 이것은 전체 프로젝트에 대한 TSLint 규칙을 수정하는 것보다 덜 방해적이고 주석을 사용하여 각 파일에서 TSLint 규칙을 비활성화하는 것처럼 코드 냄새가 없기 때문에 더 나은 접근 방식입니다.

이 오류를 제거하는 또 다른 방법은 전체 프로젝트에 대한 tslint 규칙을 수정하는 것입니다.

저의 경우, 수백 개의 라인이 한도를 초과하는 기존 프로젝트가 있었습니다.사실, 코드는 그런 식으로 더 명확했습니다. 왜냐하면 이것은 기본적으로 물체의 배열이었기 때문입니다.그러나 VS Code는 전체 파일에 빨간색 밑줄을 그어 읽기가 어려웠습니다.

제가 한 일은:"max-line-length": [ false ].

또한 길이를 변경할 수 있습니다."max-line-length": [ true, 240 ]같은 결과를 낳게 될 겁니다

다음은 tslint.json의 예입니다.

{
    "extends": "../tslint.json",
    "rules": {
        "directive-selector": [
            true,
            "attribute",
            "app",
            "camelCase"
        ],
        "component-selector": [
            true,
            "element",
            "app",
            "kebab-case"
        ],
        "max-line-length": [ false ],
    }
}

또한 고급 설정을 보려면 이 링크를 확인하십시오.

다음은 최대 줄 길이 경고인 tslint를 처리하는 몇 가지 방법입니다.아래에는 3가지 방법이 언급되어 있습니다.

1. 특정 문을 무시하는 규칙을 tslint.json 파일에 제공합니다.

 "rules": {
   "max-line-length": [
     true, 
     {
       "limit": 120, 
       **"ignore-pattern": "^import [^,]+ from |^export | implements"**
     }
   ],
 } 
}

2. tslint.json 파일의 기본 최대 줄 길이 문자 값을 변경합니다.

            true,
            {
                "limit": **300**,
                "ignore-pattern": "^import |^export | implements"
            }
        ],

3. 대상 파일의 대상 코드 행 위에 주석을 추가합니다.

// tslint:disable-next-line:max-line-length

// Your code goes here.

tslint.json 파일은 프로젝트 디렉토리의 루트 범위에 위치합니다.

파일 이름을 바꾸고 중복 이름을 제거합니다.

또한 사용자가 깊은 폴더 구조에 있고 다른 모듈에서도 사용되는 경우 tsconfig에 경로를 추가합니다.

{
    "compilerOptions": {
        "baseUrl": "./src",
        "paths": {
            "@persons/*": [
                "app/shared/foo/bar/persons/*"
            ]
        }
    }
}

결과:

import { PersonsSingleAccountComponent} from 
   '@persons/information/fragments/account/bookings/single-account-bookings.component'

사용할 수 있습니다.

수입 {

개인 단일 계정 구성 요소

'.../인물-정보/문서/인물-단일계정/인물-단일계정/인물-단일계정-단일계정-구성요소'에서 시작합니다.

파일에 대한 린트 최대 행을 무시하려는 경우 사용하지 않도록 설정할 수 있습니다.그냥 반에서 제일 위에 추가하세요.

eslint-최대 줄 사용 안 함 */

언급URL : https://stackoverflow.com/questions/42693123/tslint-error-exceeds-maximum-line-length-of-120