ウェブサイト検索

javascript - Express、TypeScript コードでこれらの Prettier エラーを解決する方法


私は基本的なアプリの Node/Express + Typescript プロジェクトをセットアップしました

app.listen(PORT, (): void => {
  console.log(`app running in ${environment} listening on port ${PORT}!`);
});

エラーが出ていて、なぜかわかりません。

「PORT,」を「⏎- - PORT,⏎- 」に置き換えてください(prettier/prettier)

コード - - を挿入 (prettier/prettier)

} を - - },⏎ に置き換える(prettier/prettier)

これらのエラーを修正しようとすると(Codacyのダッシュボードに表示される)、Vscodeはeslintのエラーを表示します。Codacyはおそらくeslintrcファイルから読み取っているため、どのように無効にするかはわかりません。eslintrcの設定は以下のようになっています

module.exports = {
  parser: '@typescript-eslint/parser',
  extends: [
    'plugin:@typescript-eslint/recommended', 
    'prettier/@typescript-eslint', 
    'plugin:prettier/recommended', 
  ],
  parserOptions: {
    ecmaVersion: 2018, 
    sourceType: 'module', 
  },
  rules: {
    '@typescript-eslint/no-unused-vars': 'error',
    'array-callback-return': 'error',
    // "no-console": "error",

    // these we probably do not care about
    '@typescript-eslint/array-type': 'off',
    '@typescript-eslint/explicit-member-accessibility': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/no-explicit-any': 'off',
  },
};

何か手がかりある?

回答 #1

私もこの問題があり、それを修正しました。

問題の原因は、私のローカルのPrettierが古いものであったのに対し、Codacyは最新バージョンのPrettierを使用していたことでした。だから、ローカルのコードではエラーが確認できませんでしたが、コードをプッシュした後、Codacyではエラーが存在していました。

ついに、ローカルの Prettier を更新して、変更を適用するために VSCode を再起動しました。すると、問題が解決しました。