组内的导入源必须按字母顺序排列

Question

好像我不知道字母表.请告诉我这里没有订购:

import * as React from 'react';
import {
  Badge,
  Button,
  ButtonGroup,
  Collapse,
  Dropdown,
  DropdownItem,
  DropdownMenu,
  DropdownToggle,
  Input,
  InputGroup,
  InputGroupAddon,
  Nav,
  Navbar,
  NavbarBrand,
  NavItem,
  NavLink,
  UncontrolledAlert,
} from 'reactstrap';
import {logoutUser} from '../actions/user';
import {positionSidebar,toggleSidebar,toggleVisibilitySidebar} from '../actions/navigation';

import s from './Header.scss';

import sender1 from '../../images/1.png';
import sender2 from '../../images/2.png';
import sender3 from '../../images/3.png';

它在第22行给出了错误:"组内的导入源必须按字母顺序排列." (导入{positionSidebar ....)但他们是正确的订购!! (或许我必须回到学校:().

我试图禁用这个愚蠢的字母顺序:但我不能:

 "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
 "ordered-imports": [true, {
   "import-sources-order": "any",
   "named-imports-order": "any",
   "grouped-imports": false,
   "module-source-path": "basename"
 }]

这不起作用,错误重复.我会在github上发布它,但有很多关于这个的帖子,也许这不是一个bug.如果你认为它是bug,请告诉我,我会在那里发布.

我的tslint进口:

"tslint": "^5.7.0",
"tslint-config-prettier": "^1.10.0",
"tslint-react": "^3.2.0",

Answer 1

排序lint错误不在单个命名的导入上,而是在文件路径上:

import {logoutUser} from '../actions/user';
import {positionSidebar,toggleSidebar,toggleVisibilitySidebar} from '../actions/navigation';

文件路径也用作排序的一部分,应该是:

'../actions/navigation';
'../actions/user';

您可以使用此tslint配置完全禁用导入排序:

"ordered-imports": false