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

アイデアコンパイラ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 をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vue でリッチテキストエディタ wangEditor3 を使用する方法
  • Vue3 コンパイルプロセス - ソースコード分析
  • Vue3 テンプレートコンパイルの原理に関する深い理解
  • Vue-cliがes6をコンパイルできない問題を解決する
  • Vue プロジェクトのパッケージ化とコンパイルの最適化ソリューション
  • vue プロジェクトをコンパイルする webpack によって生成されるコード探索についての簡単な説明
  • Vue テンプレートのコンパイルの詳細

<<:  MySQL ジョイントテーブルクエリの簡単な例

>>:  dig/nslookup コマンドを使用して DNS 解決手順を表示する方法

推薦する

VMware Workstation Pro でサーバー仮想マシンを構築する (グラフィック チュートリアル)

私が使用している VMware Workstation Pro のバージョンは次のとおりです。 1....

JSでよく使われるデータ処理方法

目次DOM処理配列方法要約するDOM処理DOM はドキュメントの構造化された表現を提供し、スクリプト...

フォーム要素属性の読み取り専用と無効の使用の比較

1) 適用範囲:読み取り専用:input[type="text"],input[...

Vue3サンドボックスの仕組みの詳しい説明

目次序文ブラウザコンパイル版ローカルプリコンパイルバージョン要約する参照する序文vue3サンドボック...

MySQL マスタースレーブ同期、トランザクションロールバックの実装原理

ビンログBinLog は、データベース テーブル構造の変更 (テーブルの作成、変更など) とテーブル...

Ubuntu 18.04 に MySQL をインストールする (グラフィカル チュートリアル)

ヒント: 以下の操作はすべて root 権限で実行されます。 # MySQL がインストールされてい...

React の 10 個のフックの紹介

目次ReactHook とは何ですか? Reactは現在フックを提供している1. 使用状態2.use...

プロジェクトにおける CSS グリッドシステムの柔軟な使用方法の詳細な説明

序文CSS グリッドは通常、さまざまなフレームワークにバンドルされていますが、実際のビジネス ニーズ...

Alibaba Cloudのセキュリティルール設定の詳細な説明

2日前、ダブル11ショッピングフェスティバルを利用して、Alibaba CloudでECS(サーバー...

Kafka の Docker デプロイメントと Spring Kafka 実装

この記事は主にDockerによるKafkaのデプロイとSpring Kafkaの実装について紹介しま...

dockerでsshd操作を有効にする

まず、docker に openssh-server をインストールします。インストールが完了したら...

MySQL複合インデックスの概要

目次1. 背景2. 複合インデックスを理解する3. 左端一致原則4. フィールド順序の影響5. 単一...

MySQLカバーインデックスの使用例

カバーインデックスとは何ですか?クエリで使用されるすべてのフィールドを含むインデックスを作成すること...

Mac OS 10.11 での MySQL 5.7.12 のインストールと設定のチュートリアル

Mac OS 10.11 に MySQL をインストールして設定する方法を、主に写真を使って手順を簡...

MySQLにおける分散ロックの考え方をDBの助けを借りて詳しく説明します

序文スタンドアロン ロックであっても分散ロックであっても、共有データに基づいて現在の操作の動作を判断...