[英]Import sources within a group must be alphabetized
好像我不知道字母。 请告诉我不订购的地方:
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。 如果您认为这是错误,请告诉我,我会在此发布。
我的tslint导入:
"tslint": "^5.7.0",
"tslint-config-prettier": "^1.10.0",
"tslint-react": "^3.2.0",
排序棉绒错误不在单个命名的导入上,而是在文件路径上:
import {logoutUser} from '../actions/user';
import {positionSidebar,toggleSidebar,toggleVisibilitySidebar} from '../actions/navigation';
文件路径也用作排序的一部分,应为:
'../actions/navigation';
'../actions/user';
您可以使用以下tslint配置完全禁用导入顺序:
"ordered-imports": false
如果有人像我一样傻,我在Google中搜索了字母顺序并将其复制粘贴到该工具中。 我将您使用过的链接链接到您,但可能是在页面关闭时。 只需搜索“按字母顺序排列”或类似的内容,肯定会有网页可以做到这一点。
意识到。 正如@hackerrdave所说:有时问题出在路径而不是导入(当您使用方括号{}或*导入某些内容时,我注意到path命令),因此也许您必须对路径而不是导入进行排序。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.