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

推薦する

ベースリンクタグの使用の紹介ベース

<br />リンクをクリックすると、ポップアップ表示される Web ページ アドレスは ...

CSS 背景と境界タグの例の詳細な説明

1. CSS背景タグ1.背景色を設定するbackground-ground-color プロパティは...

MySQL テーブルスペースとは何ですか?

今日皆さんにお伝えしたいトピックは、「皆さんがよく話題にするテーブル スペースとは一体何でしょうか。...

反応ループデータの実装(リスト)

まず、バックグラウンドから来るデータをシミュレートしてみましょう。ここでは、コードをわかりやすくする...

Windows システム mysql5.7.18 インストール グラフィック チュートリアル

Windows システム向け MySQL インストール チュートリアルダウンロード1. https:...

Centos7 で keepalived ログを別のパスに設定する方法の詳細な説明

Keepalived のインストール: cd <keepalived_sourcecode_p...

Bツリーの特性の紹介

B ツリーは一般的なデータ構造です。彼と一緒にB+ツリーがあります。ここで、概念を明確にする必要があ...

IE6/7 で絶対配置された要素が不可解に消えたりブロックされたりする問題を解決する方法

1. 絶対配置レイヤーの隣接フローティング レイヤーの幅が親レイヤーの幅と等しくなく、フロートがクリ...

jQuery はピッカーをシミュレートしてスライド選択効果を実現します

この記事では、スライド選択効果を実現するピッカーをシミュレートするjQueryの具体的なコードを参考...

vue3 再帰コンポーネントカプセル化の全プロセス記録

目次序文1. 再帰コンポーネント2. 右クリックメニューコンポーネント要約する序文今日、プロジェクト...

MySQL シリーズ 9 MySQL クエリ キャッシュとインデックス

目次チュートリアルシリーズ1. MySQL アーキテクチャクエリキャッシュキャッシュされないクエリ:...

Mysql varchar型の合計操作例

友人の中には、データベースについて学習しているときに、テーブル構造を作成するときに誤ってフィールドを...

MySQLクエリが遅い原因と解決策

クエリ速度が遅くなる理由は多数ありますが、最も一般的な理由は次のとおりです。 1. インデックスがな...

Google 翻訳ツール: 多言語ウェブサイトを素早く実装

Google Chinaは、ウェブサイトやブログを素早く簡単に多言語化できる翻訳ツールをリリースした...

フレックスマルチカラムレイアウトで発生する問題と解決策の詳細な説明

フレックス レイアウトは間違いなくシンプルで使いやすいです。レイアウトをよりシンプルかつ高速にします...