アイデアコンパイラvueインデントエラー問題シナリオの分析

プロジェクトシナリオ:

Vueプロジェクトを実行したらインデントエラーが出ました。ideaコンパイラを使っていてネットで調べたところ、インデント数を直接変更するところがほとんどでしたが面倒なので検証をオフにしたいと思いました。

問題の説明:

アイデアコンパイラでVueインデントエラーが発生する

✘ http://eslint.org/docs/rules/indent インデントスペースは 0 個と予想されましたが、2 個見つかりました
src\components\Home.vue:6:1
エクスポートデフォルト{
^

✘ http://eslint.org/docs/rules/indent 2つのスペースのインデントを期待したが、4つのスペースが見つかった
src\components\Home.vue:7:1
名前: 'ホーム'
^

✘ http://eslint.org/docs/rules/indent インデントスペースは 0 個と予想されましたが、2 個見つかりました
src\components\Home.vue:8:1
}
^

✘ 3 つの問題 (3 つのエラー、0 つの警告)

解決：

.eslintrc.jsに次の3行のコードを追加するだけです

'タブなし':'オフ',
    'インデント':'オフ',
    '関数の括弧の前のスペース':0

入社後

ルール:
    // async-await を許可する
    'ジェネレーターの星間隔': 'オフ',
    // 開発中にデバッガを許可する
    'デバッガーなし': process.env.NODE_ENV === 'production' ? 'エラー' : 'オフ',
    'タブなし':'オフ',
    'インデント':'オフ',
    '関数の括弧の前のスペース':0
  }

これで、アイデアコンパイラにおける Vue インデントエラー問題のシナリオ分析に関するこの記事は終了です。より関連性の高い Vue インデントエラーコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。