为什么VS code live server打开一个目录而不是在浏览器中运行代码？

Question

我正在使用 VS 代码进行反应。我安装了实时服务器扩展，每当我尝试使用 VS 代码上线时，它都会在浏览器中显示一个包含我所有文件夹和文件的列表目录，而不是运行我的应用程序。关于为什么这样做的任何线索？

Answer 1

刚刚出现此错误，您必须使用“打开文件夹”打开该文件夹。它现在将出现在编辑器面板中。当您上线时，它会将您带到编辑器面板中的任何内容。

Answer 2

您需要在公开目录中提供“index.html”文件。它必须完全像这样命名。('index.html')

更多信息：https : //webmasters.stackexchange.com/questions/30234/the-right-way-of-using-index-html

Answer 3

LiveServer 将加载分配给它的 WORKSPACE 文件夹中的文件。

因此，请指向正确的文件夹，更重要的是，关闭已使用 LiveServer 打开的活动 WorkSpace。

所以...在 VSC 上打开资源管理器并关闭所有打开的“工作区”（保存您的工作）

将正确的index.html 文件定位到新工作区中。

一旦它指向正确的文件，只需右键单击并选择“使用 LiveServer 打开”。

它应该有效。