VS code 插件Live Server能启动端口但不能自启浏览器（Server is started at 5500 but failed to open in Browser Preview）

已于 2022-07-10 22:18:24 修改
阅读量2.3k 收藏 3
点赞数 2
文章标签： 前端 服务器 vscode
于 2022-07-10 22:15:59 首次发布
原文链接：https://blog.csdn.net/weixin_42367138/article/details/105183126
版权
当使用LiveServer插件打开HTML文件遇到'Server is started at 5500 but failed to open in Browser Preview'错误时，可以按照以下步骤解决：进入LiveServer的设置，搜索'UseBrowserPreview'，取消该设置的勾选，然后重新尝试使用LiveServer打开文件。此方法通常能成功避免浏览器预览问题。
摘要由CSDN通过智能技术生成

问题：当使用插件Live Server在服务器打开html文件时，出现“Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed?”的错误提示

解决办法：

1.打开Live Server的拓展设置界面

2.通过输入框进行搜索

3.找到Live Server › Settings: Use Browser Preview设置项，取消勾选即可

 4.重新使用Live Server打开即可

自选：更改默认打开浏览器

 

tie1234
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Server is started at 5500 but failed to open in Browser Preview
weixin_42367138的博客
03-29 1万+
VScode中使用Open with Live Server打开html文件，会出现“Server is started at 5500 but failed to open in Browser Preview. Got Browser Preview extension installed?”如下错误。 解决办法 1.打开Setting页面 2.将User Browser Preview前...
Vscode中liver server插件无法打开浏览器
Smart_11的博客
02-13 2357
Vscode中liver server插件无法打开浏览器
关于vs code中Live Server插件安装后无法打开的问题
最新发布
2202_76101487的博客
06-29 768
live server插件无法打开的问题解决
关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！
qq_44922199的博客
04-14 1万+
关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！
VS Code报错Server is started at 5500 but failed to open in Browser Preview
qq_44019278的博客
10-15 5321
使用插件live server时，右下角报错 解决方法：文件–>首选项–>设置–>搜索browser，去掉user browser preview OK
vscode 5500 but failed to open in Browser Preview. Got Browser Preview extension installed?
狼魂之力
12-16 658
进入设置 在搜索框里面输入 Browser 找到图二选项 去掉√就可以 进行你的开发之旅吧。
VXcode运行HTML通过live server打开后，在浏览器中打不开，提示网站暂时
weixin_42601608的博客
02-15 410
不可用。 很抱歉，您遇到了这个问题。有几个原因可能导致这种情况： Live Server插件可能不是最新版本，请检查是否需要更新。 您的网络连接可能不稳定，请检查您的网络连接是否正常。 HTML文件中可能存在语法错误，请检查您的代码。 如果以上建议都不能解决您的问题，请提供更多的细节以便我为您提供更准确的帮助。 ...
关于vscode Live Server插件无法正常打开浏览器
weixin_64042638的博客
03-04 503
关于vscode Live Server插件无法正常打开浏览器
VScode当中下载liveServer后无法正常打开浏览器进行查看
qq_71552894的博客
04-02 2078
随后点击确认，重启VScode，即可正常使用liveServer插件打开浏览器查看。一、直接使用“http://127.0.0.1:5500/”进行访问。1、对liveServer插件的下载进行确认；2、尝试重新下载liveServer插件；3、对电脑Path环境变量进行修改。（5）点击Path变量，进行编辑。（3）点击下方“高级系统设置”（4）点击下方“环境变量”（2）点击下方“属性”二、通过修改环境变量。（1）打开“此电脑”
liveServer无法打开浏览器
qq_54030999的博客
02-15 3044
1.没有选择默认浏览器 如何修改默认浏览器：改变Visual Studio Code中Live Server插件的默认打开浏览器 chrome_zayyo的博客-CSDN博客_live server设置默认浏览器 2.命名方式不对，是打开的HTML文件的绝对路径名称当中含有中文，将中文去除，就可以用 command+L+O的命令了 （学习自用笔记） ...
关于vscode 中Live Server插件无法弹出Chrome浏览器问题
a1248491526的博客
11-11 2496
在进行html文件打开Open with Live Server时出现 错误“找不到Chrome浏览器...”解决办法：
解决VScode点击open with live server 浏览器没有反应
2301_76742166的博客
03-05 1664
VScode安装了live server插件，预览时点击open with live server游览器没反应，不打开。
VS Code修改Live Server插件改变默认5500端口号以及项目运行时在URL上添加项目名称
热门推荐
luoyi-的博客
01-31 2万+
1、点击扩展，然后点击齿轮 2、点击配置信息 3、点击 “在settings.json中编辑” 4、点开默认应该只有第一条 ，我们添加第二条和第三条。 即可修改项目运行时端口为8081。根路径加上 … 之后就是 vsCode所谓的工作区。也就是我们运行时url会显示工作区名称。 5、直接看效果吧，我描述的也不清楚。 首先先看我项目情况 没配之前url上没有项目名称 配置了之后 ...
【插件】VScode Live Server插件正常但不自动打开浏览器
suyecube
05-26 412
高级系统设置里环境变量path添加以下每行：
【VScode编写html利用live Server扩展在浏览器无法打开 解决方法如下】
m0_65450343的博客
05-01 1871
关于vscode Live Server插件无法正常打开浏览器
在vscode中点击右下角Go live 用本地服务器打开的方式出，解决跳到其他页面的方法
Hgh_1997的博客
10-20 1万+
第一步打开设置 第二步切换到工作区设置 第三步修改文件夹名字会找到对应的index.html  
[VScode]Server is Started at port 5500但是却不能打开网页的解决方案
.
05-11 1363
在使用vs code中的live server时显示Server is Started at port : 5500，但是却不能打开网页。然后选择Path然后点击下面的编辑选项。先打开设置然后选择高级系统设置。然后在新打开的窗口里面点击新建。之后点击确定，接着要注意所有的。然后重启电脑就可以正常使用了。在环境变量里面是否存在。然后在输入框里面输入。
用live server插件打开的不是自己想要的浏览器页面
03-27
如果您使用了Live Server插件打开了一个错误的浏览器页面，您可以尝试以下方法： 1. 检查Live Server配置：您可以在Visual Studio Code的设置中检查Live Server的配置，确保您已经选择了正确的浏览器。如果您没有选择正确的浏览器，您可以更改配置并重新启动Live Server。 2. 清除浏览器缓存：您可以尝试清除浏览器的缓存，然后重新打开Live Server。这可能会解决一些问题。 3. 重新安装Live Server插件：如果以上方法都无法解决问题，您可以尝试重新安装Live Server插件。在Visual Studio Code的扩展选项卡中选择Live Server，然后单击“卸载”按钮，然后重新安装它。 如果以上方法都无法解决问题，请考虑使用其他工具或插件来打开您想要的浏览器页面。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值