web-dev-qa-db-ja.com

グループ内のインポートソースはアルファベット順にする必要があります

アルファベットがわからないようです。これが注文されていない場所を教えてください：

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行目でエラーが発生しました："グループ内のインポートソースはアルファベット順にする必要があります。"（import {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に投稿しますが、これについてはたくさんの投稿があり、バグではないかもしれません。バグだと思われる場合は教えてください。そこに投稿します。

私のtslintインポート：

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

順序付けのlintエラーは、個々の名前付きインポートではなく、ファイルパスにあります。

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

ファイルパスは順序付けの一部としても使用され、次のようになります。

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

このtslint構成を使用して、インポートの順序を完全に無効にすることができます。

"ordered-imports": false
5
hackerrdave

誰かが私のようにばかげているなら、私はグーグルでアルファベット順に検索し、私のインポートをツールにコピーアンドペーストします。私が使用したものをリンクしますが、おそらくページがダウンしているときに。 「アルファベット順」などを検索するだけで、確実にそれを行うページが表示されます。

注意してください。 @ hackerrdaveが言ったように：問題はインポートではなくパスにあることがあります（角かっこ{}または*で何かをインポートするとpathsコマンドに気づきました）インポートではなく、パスを注文する必要があります。

https://alphabetizer.flap.tv/

0
Shil Nevado