Webアプリ

live serverのよくあるエラー「Open a folder or workspace… (File → Open Folder)」

live severを使用した際のエラーメッセージで

「Open a folder or workspace… (File → Open Folder)」

というものがあります。

🔥 意味

ファイル単体じゃなくて、フォルダを開いてね!

という意味です。

つまり、

  • ファイル単品(login.htmlだけ)を開いているとダメで、
  • フォルダごと開く必要があります!

🛠 解決の方法は超かんたん!

  1. 実行しようとしているファイルがあるフォルダを探します
  2. そのフォルダ
     VSCodeにドラッグ&ドロップして開きます
    (もしくは、VSCodeメニューから「ファイル > フォルダーを開く」でもOK)
  3. VSCodeの左側に、そのフォルダの中身(ファイル)が見えます
  4. そのファイルを選んで右クリック → 「Open with Live Server」を押す

これで、正常にLive Serverが動きます!🌟

💬 原因

状態結果
ファイル単体だけ開いている❌ Live Serverが動かない
フォルダごと開いている✅ Live Serverが使える!