[vue3] vite ツールによる vue3 プロジェクトの作成、遭遇した落とし穴と解決策

1. 対応するフォルダーでnpm create viteを実行します。

ここに画像の説明を挿入

エラーは次のとおりです。

ここに画像の説明を挿入
解決手順については、この記事を参照してください: npm install error -> npm ERR! Unexpected token '.' error solution

主な理由は、私の nvm バージョンが 1.1.7 であり、バージョンが低すぎて、上位バージョンのノードが統合されていないためです。

ここに画像の説明を挿入

既存のノードのバージョンをすべて削除し、
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
[nvm uninstall [xxx]] をクリックして確認し、[
ここに画像の説明を挿入
はい] を選択して
ここに画像の説明を挿入
アンインストールが正常に完了
ここに画像の説明を挿入
します。新しいバージョンの nvm をダウンロードし (ダウンロード: NVM ダウンロード - NVM 中国の Web サイトまたは github)、ダウンロード アドレス
ここに画像の説明を挿入
をダウンロードして圧縮パッケージを取得します。 exe ファイルが 1 つだけ含まれている場合は、直接ダブルクリックします
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
。 インストールが成功したら、settings.txt ファイルを構成し、国内ミラーを設定します。

// 设置node镜像
nvm node_mirror https://npm.taobao.org/mirrors/node/
// 设置npm镜像
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

インストール前にノードのすべてのバージョンがアンインストールされており、ノードをインストールすると、対応する npm がダウンロードされます。インストール
ここに画像の説明を挿入
ここに画像の説明を挿入
ここに画像の説明を挿入
プロセス中に、一時フォルダーが自動的に作成されることがわかりました。このとき、バージョン 14.5.0 のフォルダーをクリックすると、中身が不完全であることがわかります。最初は問題があるのではないかと思い、手動で削除して再インストールしましたが、後で確認すると、インストール完了後に一時フォルダーが自動的に削除されていました。何をするにも、ただ辛抱強く待つだけです。
ここに画像の説明を挿入

2. npm create vite を再実行します。create-vite をダウンロードする必要があることが示されます。y を押して Enter を押します。 3.
ここに画像の説明を挿入
プロジェクト名を入力し、
ここに画像の説明を挿入
プロジェクト フレームワークを選択し、
ここに画像の説明を挿入
構文を選択し、
ここに画像の説明を挿入
プロジェクトを入力し、依存関係をインストールし、プロジェクトを実行します。 、プロジェクトは
ここに画像の説明を挿入
正常に実行されます
ここに画像の説明を挿入
ここに画像の説明を挿入

おすすめ

転載: blog.csdn.net/weixin_49668076/article/details/132422125