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

推薦する

Vue における nextTick の役割といくつかの簡単な使用シナリオ

目的nextTickの役割といくつかの簡単な使用シナリオを理解する文章その機能は何ですか?遅延コール...

Vue-CLI マルチページディレクトリパッケージ化手順の記録

ページディレクトリ構造 デフォルトの HTML テンプレート ファイル public/index.h...

HTML テキストエスケープのヒント

今日、CSDN で HTML テキスト エスケープのちょっとしたトリックを見ましたが、とても簡単です...

CentOS で新しいユーザーを作成し、キーログインを有効にする方法

目次新しいユーザーを作成する新規ユーザーを承認する新規ユーザーのSSHキーログインを有効にする他のS...

フレックスレイアウトの互換性の問題の概要

1. W3C バージョンの flex 2009年版フラグ: display: box; または bo...

HTML ヘッドタグの詳細な紹介

HTML のヘッド部分には、ブラウザによる Web ページのレンダリングや SEO などに関連するタ...

nginxリバースプロキシのyum設定の詳細な手順

パート0 背景社内のイントラネットサーバーは直接インターネットにアクセスすることはできませんが、外部...

Nginxドメイン名転送のhttpsアクセスの実装

事前に一言:突然、複数のドメイン名のアクセスを https に転送するというタスクを受け取りました。...

Docker Toolboxを完全にアンインストールする方法

Docker Toolbox は、Windows 10 Professional より前のバージョン...

Javascript イベントキャプチャとバブリングメソッドの詳細な説明

目次1. イベント処理モデル1. イベントバブリング(1)3つのdiv要素にイベントをバインドする(...

mysql8.x docker リモートアクセスの詳細な設定

目次環境条件エラーが発生しました回避策1. mysql dockerにログインする2. ルートパスワ...

MySQL は SQL ステートメントの最新のレコードをクエリします (最適化)

最悪の選択肢は、結果を時間順に並べ替えて最初のものを取ることです。 *から選択 ここで、create...

ウェブデザインスキル:中国語と英語が混在するウェブページの上位表示の問題

<br />私はこの問題で気が狂いそうです。症状は次のとおりです。 症状の説明: Int...

2015-2016年に主流となるインタラクティブ体験のトレンド

5月の最も重要なインタラクティブデザイン記事!今年、Baiduのデザイナーは体験の観点から出発し、大...

JavaScript におけるシリアル操作と並列操作

目次1. はじめに2. es5メソッド3. 非同期関数のシリアル実行4. 非同期関数の並列実行5. ...