live severを使用した際のエラーメッセージで
「Open a folder or workspace… (File → Open Folder)」
というものがあります。
🔥 意味
「ファイル単体じゃなくて、フォルダを開いてね!」
という意味です。
つまり、
- ファイル単品(
login.html
だけ)を開いているとダメで、 - フォルダごと開く必要があります!
🛠 解決の方法は超かんたん!
- 実行しようとしているファイルがあるフォルダを探します
- そのフォルダを
VSCodeにドラッグ&ドロップして開きます
(もしくは、VSCodeメニューから「ファイル > フォルダーを開く」でもOK) - VSCodeの左側に、そのフォルダの中身(ファイル)が見えます
- そのファイルを選んで右クリック → 「Open with Live Server」を押す
これで、正常にLive Serverが動きます!🌟
💬 原因
状態 | 結果 |
---|---|
ファイル単体だけ開いている | ❌ Live Serverが動かない |
フォルダごと開いている | ✅ Live Serverが使える! |