初めて vite を使用して Mac で新しい Vue3 プロジェクトを作成するときは、自分のエラー レコードに注意する必要があります。

npm init @vitejs/app 実行時

Error:
internal/modules/cjs/loader.js:1089
throw new ERR_REQUIRE_ESM(filename, parentPath, packageJsonPath);
ここに画像の説明を挿入
最初は node のバージョンが低すぎると思ってネットで理由を調べたのですが、自分の自分のバージョン番号は 12.1 .xx がしきい値を超えましたが、プロジェクトの作成に失敗しました. 安全のために、ノードのバージョンは 15.7.0 にアップグレードされました. 試してみましたが、まだエラーが報告されています。しばらくインターネットで検索した結果、vite のインストールに問題がある人がいますが、よく見ると、npm のバージョンが低すぎることが原因である可能性があります。これも自分のせいなのか考えて、元のnpmのバージョン6.xxを8.xxにアップデート。npm init @vitejs/app を再実行すると、成功しました。

しかし、良い時期は長くは続きませんでした. Need to install the following packages: create-vite に y を入力した後、エラーが報告されました. 最後に、npm init vite を使用してプロジェクトを作成しました

ここに画像の説明を挿入
エラーは報告されず、起動は成功しました。
ここに画像の説明を挿入

ここに画像の説明を挿入
自分で設定しなければならないことがたくさんあります。最後に、公式 Web サイトに従うことをお勧めします. 公式 Web サイトでは次を使用しています:
npm init vue@latest

公式ウェブサイト: https://cn.vuejs.org/guide/quick-start.html#with-build-tools

なお、公式サイトではnodeのバージョンにバージョン15.0以上のNode.jsがインストールされていることが記載されています。公式 Web サイトで提供されている方法でプロジェクトを作成しようとしたところ、エラーが発生し、ノードを最新の安定バージョン 16.17.0 にアップグレードしました。これは正常に実行され、以前の 15.7.0 は機能しませんでした。


1.ノードのバージョンは、ノードのバージョン>= 12.0.0よりも大きくなければなりません(インターネットで与えられたもので、私自身はバージョン15です)

ノードのバージョン番号を表示:
node -v

すべてのバージョン番号を表示:
npm ノード バージョンを表示

アップグレードの参照:
https://blog.csdn.net/lhz_333/article/details/123477575

2. npm のバージョンアップを忘れずに 先ほど報告したバージョンは 6.14.15 で、バージョンアップ後のバージョン番号は 8.19.2 です

現在のバージョン番号を確認します:
npm --version (npm -v)

最新バージョンへのアップグレード:
sudo npm install npm@latest -g

おすすめ

転載: blog.csdn.net/qq_45989931/article/details/127008304