Vue3 が新しいプロジェクト エラーを作成します: モジュール 'xxx' が見つかりません

vue3 プロジェクトを作成し、次のコマンドを実行します。

1. vite を使用して以下を作成します。

npm create vite@latest my-vue-app -- --template vue-ts

2. 公式の vue コマンドを使用します。

npm init vue@latest

vue3 テンプレートを作成して、vue3.3 の新しい構文を学習します。作成が完了すると、多くのファイルが人気があることがわかります。

理由: 解析戦略は Bundler です

解決：

1. vite で作成:

次の構成を tsconfig.json ファイルと tsconfig.node.json ファイルに追加します。

"compilerOptions": {

    ......

 +   "moduleResolution": "node",
  }

構成が完了すると、赤色でレポートされます。

 import ステートメントで .ts ファイル拡張子のインポートを許可するかどうかを制御するために使用される不明なコンパイラ オプション「allowImportingTsExtensions」は、  TypeScript 3.8 以降非推奨になりました。

 解決策: このオプションを削除します。

2. vue 公式コマンドを使用して以下を作成します。

次の構成を tsconfig.app.json ファイルと tsconfig.node.json ファイルに追加します。

"compilerOptions": {

    ......

 +   "moduleResolution": "node",
  }

上記の設定を完了します。

他のエラーも発生します: モジュール '@/views/xxx.vue' またはそれに対応する型宣言が見つかりません 別の記事を読むことができます: webstorm vue3+ts エラー: モジュール '@/views/xxx.vue' またはそれに対応するものが見つかりませんtype Declarations_programmer Xiaobai Aven のブログ - CSDN ブログwebstorm vue3+ts エラー: モジュール '@/views/xxx.vue' またはそれに対応する型宣言が見つかりませんhttps://blog.csdn.net/weixin_52020362/article /details/130665069?spm =1001.2014.3001.5501