web-dev-qa-db-fra.com

Les sources d'importation d'un groupe doivent être classées par ordre alphabétique.

semble que je ne connais pas l'alphabet. S'il vous plaît dites-moi où cela n'est pas commandé:

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

Cela m'a donné l'erreur à la ligne 22: "Les sources d'importation dans un groupe doivent être classées par ordre alphabétique." (import {positionSidebar ....) Mais ils sont correctement commandés !! (ou peut-être que je dois retourner à l'école :(). 

J'ai essayé de désactiver cet ordre alphabétique stupide: mais je ne pouvais pas non plus: 

 "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"
 }]

Cela ne fonctionne pas et l'erreur se répète. Je le posterais sur github mais il y a beaucoup de posts à ce sujet et peut-être que ce n'est pas un bug. Si vous pensez que c'est un bug, dites-le-moi et je le posterai ici.

Mon tslint importe:

"tslint": "^5.7.0",
"tslint-config-prettier": "^1.10.0",
"tslint-react": "^3.2.0",
typescripttslint
2
Shil Nevado

L'erreur de classement des peluches ne concerne pas les importations nommées, mais les chemins de fichiers

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

Les chemins de fichiers sont également utilisés dans le cadre de la commande et doivent être:

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

Vous pouvez désactiver entièrement la commande d'importation en utilisant cette configuration tslint:

"ordered-imports": false
5
hackerrdave

Si quelqu'un est aussi bête que moi, j'ai cherché dans Google pour l'ordre alphabétique et copié-collé mes importations dans l'outil. Je vous relie à celui que j’ai utilisé mais peut-être qu’à la fin de la page. Il suffit de chercher "ordre alphabétique" ou quelque chose comme ça et il y aura des pages qui le font à coup sûr.

Être conscient. Comme @hackerrdave a dit: Parfois, le problème concerne les chemins et non les importations (j'ai remarqué la commande de chemins lorsque vous importez quelque chose avec des crochets {} ou *). Vous devrez peut-être alors ordonner les chemins et non les importations.

https://alphabetizer.flap.tv/

0
Shil Nevado