En mi aplicación Angular2 estoy importando un componente como este:
import { PersonsSingleAccountComponent} from '../persons-information/fragments/persons-single-account/persons-single-account-bookings/persons-single-account-bookings.component'Me está dando el error de pelusa "Excede el carácter de línea máximo". Si trato de dar la declaración en `` (comilla grave) está arrojando un error.
¿Cómo puedo solucionar este error de pelusa?
No es realmente algo que pueda cambiar, no está relacionado con su código.
Simplemente debe deshabilitar la regla para esta importación agregando un comentario antes:
// 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'Hay otra manera de resolver este problema.
Desde la versión 5.9.0, la regla TSLint max-line-length brinda soporte para ignorar patrones.
tslint.json:
{ "rules": { "max-line-length": [ true, { "limit": 120, "ignore-pattern": "^import [^,]+ from |^export | implements" } ], } }Esta regla ignorará las siguientes líneas:
import { SomeLongInterfaceName } from '../../../nested/directory/structure/target'; class MyClass implements SomeLongInterfaceName, OnInit, OnDestroy, OnViewChange {} export { MyClass, SomeLongInterfaceName };Los créditos son para DanielKucal .
Para la cuestión del OP, usar ^import [^,]+ from sería suficiente para ignorar las importaciones largas.
En mi humilde opinión, este es un mejor enfoque, ya que es menos intrusivo que modificar la regla TSLint para todo el proyecto y no huele a código como si deshabilitara las reglas TSLint en cada archivo con un comentario.
Hay otra forma de deshacerse de este error: modificar las reglas de tslint para todo el proyecto .
En mi caso, tenía un proyecto existente con cientos de líneas que excedían el límite. De hecho, el código era más claro de esa manera, porque básicamente era una matriz de objetos. Pero VS Code dibujó un subrayado rojo sobre todo el archivo, lo que dificulta su lectura.
Lo que hice fue: "max-line-length": [ false ] .
También puede cambiar la longitud escribiendo "max-line-length": [ true, 240 ] , lo que producirá el mismo resultado.
Aquí hay un ejemplo de tslint.json que tengo ahora:
{ "extends": "../tslint.json", "rules": { "directive-selector": [ true, "attribute", "app", "camelCase" ], "component-selector": [ true, "element", "app", "kebab-case" ], "max-line-length": [ false ], } }Además, consulte este enlace para obtener configuraciones más avanzadas.