WebStormはVue3統合APIのソリューションを正しく識別できません

WebStormはVue3統合APIのソリューションを正しく識別できません

1 問題の説明

Vue3 の統合 API は、defineComponent やその他の関数が認識できないため、WebStorm では正しく認識されません。

2回の試行

この問題の原因は、対応する Vue3 ライブラリを正しく識別できないことだと思います。WebStorm ではできると思いますが、一部の設定が正しくありません。ライブラリ設定で node_modules を確認してみましたが、効果はありませんでした。

3つの解決策

最終的な解決策はここで参照されます (ソース):

node_modules フォルダーを選択し、右クリックして「ディレクトリをマーク」を選択し、最後に「除外しない」を選択します。

インデックス作成にはしばらく時間がかかりますので、完了するまでお待ちください。

4 いくつかの考察

WebStorm のドキュメントを見ると、プロジェクト内のフォルダーは次の 4 つのカテゴリに分かれています。

  • ソース: デフォルトのオプション。Tests/Resource Root/Excluded に設定されていない限り、すべてのフォルダーがデフォルトでソースと見なされます。
  • テスト: テストとしてマークされたフォルダー
  • リソース ルート: リソース フォルダー。![](xxxx>) などのリソースを必要とするコードを入力すると、フォルダー パスの下のリソース ファイルが自動的に要求されます。
  • 除外: コード補完、コードナビゲーションなどで無視されるフォルダー。このオプションはWebStormのパフォーマンスを向上させることができます

設定でディレクトリを検索すると、node_modules がデフォルトで除外されていることがわかります。

「除外なし」としてマークされた後、赤色ではなくなります。

したがって、解決はそれほど難しくなく、原因を正しく特定できないだけです。

以上が、WebStorm が Vue3 統合 API を正しく識別できない問題の解決方法の詳細内容です。WebStorm が Vue3 統合 API を正しく識別できない問題の詳細については、123WORDPRESS.COM 内の他の関連記事にも注目してください。

以下もご興味があるかもしれません:
  • Webstorm と Chrome を使用して Vue プロジェクトをデバッグする方法
  • Idea または Webstorm を使用して Vue プロジェクトを実行する方法 (詳細な手順)
  • Vueプロジェクトに基づいてresolves.alias: ''@''パスを設定し、Webstormに適応します
  • Webstorm で vue-cli スキャフォールドを構築する方法に関する簡単なチュートリアル
  • Idea および WebStorm の Vue cli スキャフォールディング プロジェクトで Webpack エイリアスが使用できない問題を解決します
  • webstorm+vueでプロジェクトを初期化する方法
  • vue: WebStorm で高速コンパイルと実行を設定する方法
  • WebStormにおけるVue構文サポートの詳細な説明
  • Webstorm と .vue の es6 構文エラーの解決策
  • Vue テンプレート構成と Webstorm コード形式仕様設定

<<:  Kubernetes (k8s) 入門

>>:  Mysql が CPU を過剰に占有する場合の最適化方法 (必読)

推薦する

レイアウトサイズを変更するために左右にドラッグする純粋なCSS

ブラウザの非overflow:auto要素resize伸縮機能を利用して、JavaScript を使...

ボリュームを使用してホストと Docker コンテナ間でファイルを転送する方法

以前、Docker コンテナとローカル マシン間のファイル転送に関する記事を書きました。しかし、この...

シャトルボックス機能を実装するためのVueの詳細なコード

Vue - シャトルボックス機能を実装します。効果図は次のようになります。 CS 。移行{ ディスプ...

ウェブページでよく使用される共有コードの完全なリスト(フロントエンドに必須)

コードをコピーコードは次のとおりです。 1. 新浪微博<a href="http:/...

太陽系の惑星のアニメーション効果を実現するHTML+CSS3コード

太陽系の 8 つの惑星(衛星を除く)のアニメーションを作成します。すべての惑星は太陽の周りを回ってい...

一般的でない js 演算演算子の概要

目次2. カンマ演算子3. JavaScript Null 結合演算子 (??) 4. JavaSc...

keepalived+nginx の高可用性を実装する方法の例

1. keepalived の紹介Keepalived は、もともと LVS クラスタ システム内の...

LinuxでIPアドレスを手動で設定するための詳細な手順

目次1.まずネットワークカードの設定ディレクトリに入る2. ifcfg-ens33ネットワークカード...

Vue.jsはタイムライン機能を実装します

この記事では、タイムライン機能を実装するためのVue.jsの具体的なコードを参考までに共有します。具...

Tomcat が IDEA のコンソールで文字化けを起こし、IDEA エンコーディングを UTF-8 に設定する方法

1. まず、TomcatログのエンコーディングとIdeaログ表示コンソールのエンコーディングを区別す...

ウェブページレイアウトデザインのシンプルな原則

この記事では、Web ページ レイアウト デザインのいくつかの簡単な原則をまとめ、Web ページ デ...

Linux の 5 ステップ ビルド カーネル ツリー

目次0. システムに付属するカーネルツリー1. 環境設定最初のステップステップ2 2. ソースコード...

MySQL ステートメントを使用した簡単な追加、削除、変更、クエリ操作の例

この記事では、例を使用して、MySQL ステートメントを使用して、単純な追加、削除、変更、およびクエ...

IIS を使用して X-Forwarded-For ヘッダー (XFF) を呼び出して訪問者の実際の IP を記録する 2 つの方法

問題: IIS を通じて公開された Web サイトは F5 デバイスの背後に配置されています。透過的...