为什么在磁盘下直接新建一个html网页,用Live Server 打开结果是listing directory网页而不是报错?

为什么在磁盘下直接新建一个html网页,用Live Server 打开结果是listing directory网页而不是报错?

在磁盘下直接新建一个html网页,没有文件夹https://img1.sycdn.imooc.com//climg/61cc3de309850e5311950815.jpg



文件内容如下


https://img1.sycdn.imooc.com//climg/61cc3e2809a2461309750860.jpg



使用Live Server 打开了一个陌生网页,而不是报错(以前也遇到过Open a folder or workspace错误),是什么因素导致了这样的差异呢?

https://img1.sycdn.imooc.com//climg/61cc3e7309f1e28c18360857.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,这样启动Live Server会造成插件启动时,找不到正确的项目文件(启动路径不正确)。插件的启动路径不正确,所以可能每次看到的启动页面不一样。

建议新建项目文件夹,然后把html页面放到文件夹中,再将文件夹拖到live server中,最后再右键启动live server:

https://img1.sycdn.imooc.com//climg/61cd0e2d09b9ca0c06110193.jpg

https://img1.sycdn.imooc.com//climg/61cd0e510943aa6d08910374.jpg

即要按照正确的方式打开项目、启动项目。

祝学习愉快!

  • 慕仙2169824 提问者 #1

    我是想问为什么是打开了一个页面而不是报错,另外这个页面有什么作用?

    2021-12-30 12:16:08
  • 好帮手慕久久 回复 提问者 慕仙2169824 #2

    同学你好,个人感觉大概率是live server 启动时,路径没有找对(启动的项目与我们预期的不符)造成的。即live server找到了某个项目,该项目可以启动,所以插件没报错;由于路径没有找对,所以看到的不是“新建文本文档.html”。

    此时启动的是如下项目(而不是同学新建的“新建文本文档.html”):

    https://img1.sycdn.imooc.com//climg/61cd437c0943abca16150368.jpg

    同学可以搜搜系统中,哪个项目下有上图中粉框圈起来的几个文件,启动的就是该项目。

    另外,还可能是同时启动了多个vscode窗口,每个窗口中的项目都是用live server启动的,此时看到的http://127.0.0.1:5050是其中的一个项目(能正常启动的项目),而非“新建文本文档.html”页面对应的项目:

    https://img1.sycdn.imooc.com//climg/61cd44c009ca917309910323.jpg

    https://img1.sycdn.imooc.com//climg/61cd44f109107c5c09600358.jpg

    插件是程序员开发的,不会那么智能,还可能会存在未知的漏洞、错误;规范使用会避免很多同学这种奇怪的问题。

    2021-12-30 13:40:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师