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 を過剰に占有する場合の最適化方法 (必読)

推薦する

コードをセマンティックにする HTML のヒント

HTML のセマンティクスはありふれた問題のようです。Google で検索すると、セマンティクスに関...

MySQL 8.0.12 のインストールと使用方法のチュートリアル

MySQL 8.0.12のインストールと使用のチュートリアルを録画しました。ウィンドウズまず、公式ウ...

Vue3ライフサイクル関数とメソッドの詳細な説明

1. 概要いわゆるライフサイクル機能とは、特定の条件下で自動的にトリガーされる機能です。 2. VU...

Linux での mysql8.018 のインストールと設定のプロセスの詳細な説明

Windowsでのインストールの紹介:こちらもご覧ください –》WindowsでのMySQL 8.0...

JQuery を放棄すべきでしょうか?

目次序文jQuery 以外の場合は何を使うのでしょうか? DOMとイベントAJAX リクエスト要約す...

最小限のルートファイルシステムを構築するためにbusyboxを移植するための詳細な手順

Busybox: 小さなコマンドが詰まったスイスアーミーナイフ。ステップ1: ディレクトリ構造を作成...

vue3 のさまざまな構文形式を比較したサンプルコード

デフォルトのテンプレートメソッドはvue2に似ており、コンポーネント内のセットアップ関数を使用します...

MySQL の 3 つの浮動小数点型 (float、double、decimal) の違いと概要について簡単に説明します。

各浮動小数点型のストレージ サイズと範囲は、次の表に示されています。タイプサイズ範囲(符号付き)範囲...

XHTML 2.0 新機能プレビュー

<br />ブラウザが次世代のXHTMLを処理できるようになる前に、このよりリッチなコン...

HTML テーブルタグチュートリアル (12): 境界線スタイル属性 FRAME

FRAME プロパティを使用して、表の境界線のスタイル タイプを制御します。基本的な構文<T...

オブジェクト指向の観点から Vue コンポーネントを理解するための簡単な分析

同じ関数や HTML コードが複数回使用される場合は、それらをコンポーネントに抽出することを検討でき...

Windows (x86、64 ビット) で MySQL 5.7.17 無料インストール バージョンをアップグレードするための詳細なチュートリアル

Laravel 5.4 のデフォルトの utf8mb64 文字エンコーディングをサポートするには、M...

HTMLドキュメントタイプの詳細な説明

私のは: <!DOCTYPE html>ブログガーデン: <!DOCTYPE HT...

JavaScript 基礎シリーズ: 関数とメソッド

目次1. 関数とメソッドの違い2. 良い関数の書き方2.1 正確な命名2.1.1 関数の命名2.1....

JavaScript リフレクション学習のヒント

目次1. はじめに2. インターフェース3. 簡単な例4. 結論1. はじめにMDN の公式 Web...