在Typescript中使用导入时,如何处理Tslint错误超过100个字符

时间:2018-03-08 21:26:50

标签: typescript tslint

我正在导入文件:

import { BodyTableHeaderExampleModule } from '../../components/example-table/example-table-header/example-table-header-xxxx/example-table-header-xxxxx.module';

然而,tslint抱怨该行超过100个字符。当我尝试通过以下方式最小化行长度时:

import { BodyTableHeaderExampleModule } from '../../components/example-table/example-table-header/' +
'example-table-header-xxxx/example-table-header-xxxxx.module';

我收到以下tslint错误:

ERROR: 11:92  semicolon             Missing semicolon
ERROR: 11:93  no-unused-expression  unused expression, expected an assignment or function call

关于在使用长文件夹文件导入时修复Exceeds maximum line length of 100的方法的任何建议都将非常感激。谢谢。

1 个答案:

答案 0 :(得分:3)

这里的选项很少

  1. 您可以将导入重写为

    import { 
      BodyTableHeaderExampleModule 
    } from '../../components/example-table/example-table-header/example-table-header-xxxx/example-table-header-xxxxx.module';
    

    但是,这仍然会超过100个字符

  2. 您可以简单地禁用该行的tslint规则

  3. 我们实际上一起禁用了该规则,而是开始使用prettier重新格式化我们的代码。现在有些行可能太长了,但大多数行格式正确,你描述的麻烦已经消失了
  4. 在节点中导入这样一个深层模块(您似乎使用Angular,但您仍在使用导入模块的节点样式)实际上是不好的做法。您可能希望在该路径中的某处重新导出BodyTableHeaderExampleModule
  5. 除了1.这对你不起作用,其他3个解决方案都是有效的。对于长期解决方案,我自己可能会按照4中的描述解决它。 - 并在../../components/example-table/example-table-header或类似的地方重新导出模块。但是选择最适合您的项目和需求的东西。