macos升级到bigsur之后,无法用live server打开网页

macos升级到bigsur之后,无法用live server打开网页

按command+shift+p弹出该界面后,之前按回车即可在浏览器打开网页,但是现在按了没反应

http://img1.sycdn.imooc.com//climg/61075c3e0992cddd12120138.jpg

对着网页点鼠标右键菜单里的open with live server也没有反应

http://img1.sycdn.imooc.com//climg/61075c82091be16105800236.jpg


装了open in browser,按alt+b倒是可以打开,但不是在服务器状态打开了


请问如何才能继续让live server工作起来

正在回答

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

3回答

同学你好,可以使用Preview on Web Server 这个插件替代live serve,如下:

http://img1.sycdn.imooc.com//climg/6107c8d50919f5b008920596.jpg

注意:这两个插件,都必须在编辑器中打开文件夹,并以英文命名html文件,才可以正常打开网页,示例:

http://img1.sycdn.imooc.com//climg/6107c9bb09011b6c10841406.jpg

祝学习愉快~

  • 大天使凉冰 提问者 #1

    我找到问题了,还是路径的问题

    我的html文件虽然命名是英文的,但是从根目录到目标html之间的各层级文件夹中包含了中文和空格,就导致网页打不开,比如改过名之后的lesson4中的html可以打开,上面lesson1 2 3里的就不行

    http://img1.sycdn.imooc.com//climg/6108a04709eee2cc05800854.jpg

    估计是升级到bigsur之后浏览器对网址要求严格了还是怎样,我前面就是这样的文件夹结构,打开没问题,前两天升级系统之后就无法顺利打开了。


    这个问题的发现和解决过程

    1.百度上搜了之后发现没人因为bigsur系统导致live server出bug

    2.卸载重装了扩展和vscode,问题依旧

    3.直接在浏览器输入http://127.0.0.1:5500,再选择目标网页,是可以打开的,那便是live server没有问题

    4.安装preview on web server也无法用快捷键打开网页

    5.开始怀疑是不是safari的问题,更改live server的配置把默认浏览器改成了chrome,按快捷键还是打不开

    6.最后我盯着手动输入http://127.0.0.1:5500打开的网址细细一看,莫非是文件夹命名的问题……然后找到了

    http://img1.sycdn.imooc.com//climg/6108a3e90974d70e17721102.jpg

    2021-08-03 10:05:49
好帮手慕慕子 2021-08-02 14:23:23

同学你好,老师这边是可以正常使用live server插件打开网页的,测试版本如下:

http://img1.sycdn.imooc.com//climg/61078e8409a7d41b06180174.jpg

VSCode测试的版本如下:

http://img1.sycdn.imooc.com//climg/61078f0609bc5a6b04500164.jpg

建议同学将vscode版本更新到最新版本后再测试下,如果还是不可以的话,可以将你的vscode卸载,重新安装后,再安装live server插件测试下。

祝学习愉快~

  • 提问者 大天使凉冰 #1

    我macos和vscode也是同样版本的,卸载了扩展重装,卸载了vscode重装,还是打不开……

    有其他的工具可以替代吗



    2021-08-02 14:41:55
好帮手慕慕子 2021-08-02 11:52:52

同学你好,建议检查下是不是html文件使用中文命名了,老师这边使用Mac本测试,如果html文件名为中文,那么无法使用live Server插件打开网页,改成英文命名就可以正常使用live server打开网页了。

建议同学将文件名改为英文命名后测试下。

祝学习愉快~

  • 提问者 大天使凉冰 #1
    是英文命名的,升级os之后就打不开了,是要改变什么设置吗?

    http://img1.sycdn.imooc.com//climg/61078c08090357a503620054.jpg

    2021-08-02 14:10:00
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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