はじめに
GitHubで新しくリポジトリを作って、ローカルにクローンしてからViteプロジェクトを作成したところ、フォルダが二重になるという初歩的な失敗をしてしまいました。備忘録がてら書いておきます。
何が起きたか
期待していたのはこういう構成でした。
my-repo/
├── package.json
├── src/
└── ...
ところが実際にできあがったのはこちら。
my-repo/
└── my-repo/
├── package.json
├── src/
└── ...
my-repo の中にもう一つ my-repo ができていて、肝心のファイルはその中に埋まっていました。VS Codeで開いた瞬間「あれ、srcがない」となって気づきました。
原因はコマンドの引数でした
クローンした my-repo フォルダの中に移動してから、こう実行していました。
npm create vite@latest my-repo
npm create vite@latest は指定した名前で新しいフォルダを作るコマンドなので、当然その名前が my-repo なら my-repo フォルダが新規に作られます。すでに my-repo というフォルダの中で作業していたので、結果として my-repo/my-repo という入れ子構造になってしまったというわけです。冷静に考えれば当たり前なのですが、クローン直後の勢いでそのままプロジェクト名を打ち込んでしまいました。
解決策
やりたいことは「今いるディレクトリの直下にプロジェクトを展開する」ことなので、プロジェクト名の代わりに .（カレントディレクトリ）を指定すればよかったのです。
npm create vite@latest .
すでに二重フォルダを作ってしまった場合は、内側の my-repo の中身を外側に移動すれば直ります。
修正前
my-repo/
└── my-repo/
修正後
my-repo/
├── package.json
├── src/
└── ...
JISOUのメンバー募集中！
プログラミングコーチングJISOUでは、新たなメンバーを募集しています。日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！