Ошибка TSLint Превышает максимальную длину строки 120

Это не то, что вы можете изменить, это не связано с вашим кодом.

Вы должны просто отключить правило для этого импорта, добавив комментарий перед:

// 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 max-line-length для шаблонов игнорирования.

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 };

Авторы принадлежат Дэниелу Кукалу.

Что касается вопроса об ОП, использования ^import [^,]+ from было бы достаточно, чтобы игнорировать длинный импорт.

ИМХО, это лучший подход, поскольку он менее навязчив, чем изменение правила 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 — max-line-length. 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'

ты можешь использовать

импорт {

Компонент PersonsSingleAccount

} from '../persons-information/fragments/persons-single-account/persons-single-account-bookings/persons-single-account-bookings.component'`