アイデアコンパイラ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 解決手順を表示する方法

推薦する

Dockerのyumソースの設定とCentOS7へのインストールの詳細な説明

ここではCentOS7が使用されており、カーネルバージョンは [root@localhost ~]#...

Reactの二次連携を実現する方法

この記事では、二次リンクを実現するためのReactの具体的なコードを参考までに共有します。具体的な内...

MySQLデータベースを誤って削除した後にデータを回復するための手順

日々の運用・保守作業において、MySQL データベースのバックアップは重要です。ウェブサイトにとって...

静的リソースファイルのアクセスログをフィルタリングするNginxの実装

乱雑なログ日常的に使用される Nginx は、静的リソース サーバーとリバース プロキシ サーバーの...

ie8/ie9/ie10/ie11 chrome firefox を区別するための CSS コード

ウェブサイトの互換性のデバッグは本当に面倒です。今日のウェブサイト デザイナーは、以前よりもはるかに...

mysql-connector-java.jar パッケージのダウンロード プロセスの詳細な説明

mysql-connector-java.jar パッケージのチュートリアルをダウンロードします: ...

MySQL アカウント情報をエレガントにバックアップする方法

序文:最近、インスタンスの移行の問題に遭遇しました。データの移行後、データベースのユーザーと権限も移...

bashコマンドの使い方の詳細な説明

Linux では、基本的に vi エディタのように「.sh」拡張子を持つテキストの処理と実行を記述す...

MySQLの誤操作後にbinlog2sqlを使用して素早くロールバックする方法の詳細な説明

序文日常の仕事や勉強では、データベースを操作するときに「不注意」によるミスを犯すことは避けられません...

ダッシュボードを実装するためのjQueryプラグイン

jQueryプラグインは、参考のためにダッシュボードを実装します。具体的な内容は次のとおりです。一般...

JavaScriptのプロトタイプオブジェクトを徹底的に理解しましょう

目次1. プロトタイプとは何ですか? 1.1 関数プロトタイプオブジェクト1.2 コンストラクタを使...

vue3.0 のウォッチ リスナーの例の詳細な説明

目次序文リスナーと計算プロパティの違いvue3 で watch を使用するにはどうすればいいですか?...

Web ページでパラメータ名によって ActiveX コントロールのプロパティに値を割り当てる例

コードをコピーコードは次のとおりです。 <HTML> <ヘッド> <T...

Linux サーバーのグラフィック カードのクラッシュの解決策

ログインインターフェースの解像度が特に大きい場合、グラフィカルインターフェース全体が特に大きくなり、...

js を使用して画像をモザイク化する方法の例

この記事では、主に js を使用して画像をモザイク化する方法の例を紹介し、次のように共有します。効果...