web-dev-qa-db-ja.com

TSLint-エラーの防止：キーはアルファベット順にソートされていません

Ionic2/Cordova/TypeScript/Angularでテストアプリを実行しています。私はtslint 5.6.0を使用しています。

次のモジュールを使用しています。 https://www.npmjs.com/package/tslint

1つのファイルのみに焦点を当てています...

次のファイルをリントする場合：

import { NgModule, ErrorHandler } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { IonicApp, IonicModule, IonicErrorHandler } from "ionic-angular";
import { MyApp } from "./app.component";

import { AboutPage } from "../pages/about/about";
import { ContactPage } from "../pages/contact/contact";
import { HomePage } from "../pages/home/home";
import { TabsPage } from "../pages/tabs/tabs";

import { StatusBar } from "@ionic-native/status-bar";
import { SplashScreen } from "@ionic-native/splash-screen";

@NgModule( {
    declarations: [
        MyApp,
        AboutPage,
        ContactPage,
        HomePage,
        TabsPage,
    ],
    imports: [
        BrowserModule,
        IonicModule.forRoot( MyApp ),
    ],
    bootstrap: [ IonicApp ],
    entryComponents: [
        MyApp,
        AboutPage,
        ContactPage,
        HomePage,
        TabsPage,
    ],
    providers: [
        StatusBar,
        SplashScreen,
        { provide: ErrorHandler, useClass: IonicErrorHandler },
    ],
})
export class AppModule { }

私は得る：

The key 'bootstrap' is not sorted alphabetically
RuleFailurePosition { position: 790, lineAndCharacter: { line: 25, character: 4 } }
RuleFailurePosition { position: 799, lineAndCharacter: { line: 25, character: 13 } }

次のオプションを使用しています。

{
    "extends": "tslint:recommended",
    "rules": {
        "no-duplicate-variable": true,
        "max-line-length": {
            "options": [120]
        },
        "ordered-imports": false,
        "new-parens": true,
        "no-arg": true,
        "no-bitwise": true,
        "no-conditional-assignment": true,
        "no-consecutive-blank-lines": false,
        "no-console": {
            "options": [
                "debug",
                "info",
                "log",
                "time",
                "timeEnd",
                "trace"
            ]
        }
    },
    "jsRules": {
        "max-line-length": {
            "options": [120]
        }
    }
}

このエラーが表示されないようにするには、TSLintでどのオプションを構成する必要がありますか？

reactjstypescripttypescript2.0linttslint
11
davidesp

ここで失敗するルールは object-literal-sort-keys のようです。

以下を追加することにより、設定ファイルのrulesセクションで無効にできるはずです。

"object-literal-sort-keys": false

すべてのtslintルール here を見つけることができます。

19
toskv

JavascriptからTypeScriptへの移行を行っている人、またはjavascriptとtypescriptmのコードベースが単純に混在している人は、このルールを「jsRules」内で定義することもできます。 javascript内で定義されたステートメント（TypeScriptファイルではない）。

//tslint.json

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],  
  "rules": {
    "object-literal-sort-keys": false //Disable for TypeScript
  },
  "jsRules": {
    "object-literal-sort-keys": false //Disable for javascript
  }
}
18
Lee Brindley