在VSCode编辑器使用LiveServer插件的时候，所有的页面无法访问，报错Cannot GET /test.html...

最新推荐文章于 2024-11-26 09:07:42 发布
最新推荐文章于 2024-11-26 09:07:42 发布
阅读量1.2k 收藏 1
点赞数
文章标签： html eclipse jquery vue web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xiaoshengjinbu/article/details/123288730
版权
本文介绍了在VSCode中使用LiveServer插件遇到的404错误，通过清理工作区文件，成功修复了页面无法访问的问题，提供了解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 在VSCode编辑器使用LiveServer插件的时候，所有的页面无法访问，报错Cannot GET /test.html

解决方案

经过排查后把VSCode工作区的其他工程文件移除后 再次运行就可以访问了

vscode出现Cannot GET /
weixin_49432085的博客
05-26 4498
命令面板输入config———>把你无效的路径删掉然后保存即可
在VSCode中使用内置浏览器打开html页面报错：Cannot GET /***.html
weixin_46161572的博客
09-12 1万+
当工作区有多个工程时，内置浏览器只能打开第一个工程中的文件 将工程一从工作区移除，即可打开工程二中的文件。 如果有其它方法，可以交流一下。
关于我在Vscode运行html打开不了浏览器的问题解决方案
qq_73087022的博客
11-09 7467
关于我在Vscode运行html打开不了浏览器的问题解决方案
使用axios 调用接口报错 Cannot get/api/test
khbilhjknkjb的博客
09-15 712
使用axios 调用接口报错 Cannot get/api/test
vscode用open with live server找不到html文件
W666097的博客
03-22 3025
问题 Live Server是vs code中很好用的一款插件，但是可能当你下载好插件之后运行你写的html文档时（用open with Live Server这种方式），会弹出来一个错误提示框，提示Windows找不到xxx127.0.0.1html文件，我也是翻了很多篇文章，然而没能解决问题。最后也是自己琢磨出了方法，下面来分享一下我的解决方案。 解决方案 1.点击左下角的设置图标 2.找到“设置”，单击 3.在搜索框里面输入Live Server，注意右侧区域的变化，此时右侧会有选项供你勾选。
CMake Error: failed to create symbolic link ‘libz.so.1‘: Operation not supported 链接问题分析，解决，libssh交叉编
jjjxxxhhh123的博客
08-04 1259
下面拿我自己举个例子，我要在Linux arm 架构下搭建一个SSH服务器，所以需要移植libssh库来实现，而libssh库又需要zlib 库，所以我需要交叉编译出zlib 库。1，一般大家可能都是在windous下的虚拟机中去编译，源码的目录可能在共享文件夹下，我理解共享文件夹是挂载在fuse.vmhgfs-fuse系统，该系统是不支持符号链接的。大家可能有过这样的问题，有时候可能需要移植一些库源码交叉编译出arm架构的库，会出现库链接失败，这是为啥呢？
Initial Win CP for (console input, console output, system): (CP936, CP936, CP936) I changed them all to CP936 Rc files read: NONE Latexmk: This is Latexmk, John Collins, 27 Dec. 2024. Version 4.86a. No existing .aux file, so I'll make a simple one, and require run of *latex. Latexmk: applying rule 'pdflatex'... Rule 'pdflatex': Reasons for rerun Category 'other': Rerun of 'pdflatex' forced or previously required: Reason or flag: 'Initial setup' ------------ Run number 1 of rule 'pdflatex' ------------ ------------ Running 'pdflatex -synctex=1 -interaction=nonstopmode -file-line-error -recorder "c:/Users/91643/Downloads/CS_structure/template/document.tex"' ------------ This is pdfTeX, Version 3.141592653-2.6-1.40.27 (TeX Live 2025) (preloaded format=pdflatex) restricted \write18 enabled. entering extended mode (c:/Users/91643/Downloads/CS_structure/template/document.tex LaTeX2e <2024-11-01> patch level 2 L3 programming layer <2025-01-18> (./bistuthesis.cls Document Class: bistuthesis 2024/01/01 BISTU Thesis Template (c:/texlive/2025/texmf-dist/tex/latex/tools/array.sty) (c:/texlive/2025/texmf-dist/tex/latex/arydshln/arydshln.sty) (c:/texlive/2025/texmf-dist/tex/latex/adjustbox/adjustbox.sty (c:/texlive/2025/texmf-dist/tex/latex/xkeyval/xkeyval.sty (c:/texlive/2025/texmf-dist/tex/generic/xkeyval/xkeyval.tex (c:/texlive/2025/texmf-dist/tex/generic/xkeyval/xkvutils.tex (c:/texlive/2025/texmf-dist/tex/generic/xkeyval/keyval.tex)))) (c:/texlive/2025/texmf-dist/tex/latex/adjustbox/adjcalc.sty) (c:/texlive/2025/texmf-dist/tex/latex/adjustbox/trimclip.sty (c:/texlive/2025/texmf-dist/tex/latex/graphics/graphicx.sty (c:/texlive/2025/texmf-dist/tex/latex/graphics/graphics.sty (c:/texlive/2025/texmf-dist/tex/latex/graphics/trig.sty) (c:/texlive/2025/texmf-dist/tex/latex/graphics-cfg/graphics.cfg) (c:/texlive/2025/texmf-dist/tex/latex/graphics-def/pdftex.def))) (c:/texlive/2025/texmf-dist/tex/latex/collectbox/collectbox.sty) (c:/texlive/2025/texmf-dist/tex/latex/adjustbox/tc-pdftex.def)) (c:/texlive/2025/texmf-dist/tex/latex/ifoddpage/ifoddpage.sty) (c:/texlive/2025/texmf-dist/tex/latex/varwidth/varwidth.sty)) (c:/texlive/2025/texmf-dist/tex/latex/tools/tabularx.sty) (c:/texlive/2025/texmf-dist/tex/latex/multirow/multirow.sty) (c:/texlive/2025/texmf-dist/tex/latex/tools/calc.sty) (c:/texlive/2025/texmf-dist/tex/latex/amsfonts/amssymb.sty (c:/texlive/2025/texmf-dist/tex/latex/amsfonts/amsfonts.sty)) (c:/texlive/2025/texmf-dist/tex/latex/ragged2e/ragged2e.sty) (c:/texlive/2025/texmf-dist/tex/latex/fancyhdr/fancyhdr.sty) (c:/texlive/2025/texmf-dist/tex/latex/ctex/ctexbook.cls (c:/texlive/2025/texmf-dist/tex/latex/ctex/config/ctexbackend.cfg) (c:/texlive/2025/texmf-dist/tex/latex/l3kernel/expl3.sty (c:/texlive/2025/texmf-dist/tex/latex/l3backend/l3backend-pdftex.def)) Document Class: ctexbook 2022/07/14 v2.5.10 Chinese adapter for class book (CTEX) (c:/texlive/2025/texmf-dist/tex/latex/ctex/ctexhook.sty) (c:/texlive/2025/texmf-dist/tex/latex/ctex/ctexpatch.sty) (c:/texlive/2025/texmf-dist/tex/latex/base/fix-cm.sty (c:/texlive/2025/texmf-dist/tex/latex/base/ts1enc.def)) (c:/texlive/2025/texmf-dist/tex/latex/ctex/config/ctexopts.cfg) (c:/texlive/2025/texmf-dist/tex/latex/base/book.cls Document Class: book 2024/06/29 v1.4n Standard LaTeX document class (c:/texlive/2025/texmf-dist/tex/latex/base/bk10.clo)) (c:/texlive/2025/texmf-dist/tex/latex/ctex/engine/ctex-engine-pdftex.def (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJKutf8.sty (c:/texlive/2025/texmf-dist/tex/generic/iftex/ifpdf.sty (c:/texlive/2025/texmf-dist/tex/generic/iftex/iftex.sty)) (c:/texlive/2025/texmf-dist/tex/latex/base/inputenc.sty) (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJK.sty (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/mule/MULEenc.sty) (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJK.enc)) (c:/texlive/2025/texmf-dist/tex/latex/base/fontenc.sty)) (c:/texlive/2025/texmf-dist/tex/latex/cjkpunct/CJKpunct.sty (c:/texlive/2025/texmf-dist/tex/latex/cjkpunct/CJKpunct.spa)) (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJKspace.sty) (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/UTF8/UTF8.bdg) (c:/texlive/2025/texmf-dist/tex/latex/ctex/ctexspa.def)) (c:/texlive/2025/texmf-dist/tex/latex/zhnumber/zhnumber.sty (c:/texlive/2025/texmf-dist/tex/latex/zhnumber/zhnumber-utf8.cfg)) (c:/texlive/2025/texmf-dist/tex/latex/ctex/scheme/ctex-scheme-chinese-book.def (c:/texlive/2025/texmf-dist/tex/latex/ctex/config/ctex-name-utf8.cfg)) (c:/texlive/2025/texmf-dist/tex/latex/ctex/ctex-c5size.clo) (c:/texlive/2025/texmf-dist/tex/latex/ctex/fontset/ctex-fontset-windows.def)) (c:/texlive/2025/texmf-dist/tex/latex/ctex/config/ctex.cfg) (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJKfntef.sty (c:/texlive/2025/texmf-dist/tex/latex/cjk/texinput/CJKulem.sty (c:/texlive/2025/texmf-dist/tex/generic/ulem/ulem.sty))) (c:/texlive/2025/texmf-dist/tex/latex/fontspec/fontspec.sty (c:/texlive/2025/texmf-dist/tex/latex/l3packages/xparse/xparse.sty) c:/texlive/2025/texmf-dist/tex/latex/fontspec/fontspec.sty:101: Fatal Package fontspec Error: The fontspec package requires either XeTeX or (fontspec) LuaTeX. (fontspec) (fontspec) You must change your typesetting engine to, (fontspec) e.g., "xelatex" or "lualatex" instead of (fontspec) "latex" or "pdflatex". Type <return> to continue. ... l.101 \msg_fatal:nn {fontspec} {cannot-use-pdftex} Latexmk: Getting log file 'document.log' Latexmk: Examining 'document.fls' Latexmk: Examining 'document.log' Latexmk: Errors, so I did not complete making targets Latexmk: Sometimes, the -f option can be used to get latexmk to try to force complete processing. But normally, you will need to correct the file(s) that caused the error, and then rerun latexmk. In some cases, it is best to clean out generated files before rerunning latexmk after you've corrected the files. Collected error summary (may duplicate other messages): pdflatex: Command for 'pdflatex' gave return code 1 Refer to 'document.log' and/or above output for details C:\texlive\2025\bin\windows\runscript.tlu:922: command failed with exit code 12: perl.exe c:\texlive\2025\texmf-dist\scripts\latexmk\latexmk.pl -synctex=1 -interaction=nonstopmode -file-line-error -pdf -outdir=c:/Users/91643/Downloads/CS_structure/template c:/Users/91643/Downloads/CS_structure/template/document 报错是什么原因？
最新发布
05-31
好的，我现在需要帮助用户解决在使用pdflatex编译时遇到的fontspec包错误。用户的问题是他们试图在pdflatex中使用fontspec包，结果出现了错误，提示需要XeTeX或LuaTeX引擎。用户希望找到解决方案，可能他们需要继续...
Type 异常报告 消息 /test1.jsp (行.: [35], 列: [37]) 属性值[request.getParameter("UserName")]引用["]，在值内使用时必须被转义。
qq_41475640的博客
05-22 4472
@[TOC](Type 异常报告 ) 属性值 消息 /test1.jsp (行.: [35], 列: [37]) 属性值[request.getParameter(“UserName”)]引用["]，在值内使用时必须被转义。 描述 服务器遇到一个意外的情况，阻止它完成请求。 Exception 这是个人在实训自学Jsp中遇到的问题之一 源代码： <jsp:forward page=“fru...
JDBC中Java连接数据库进行增删改查操作出现的The url cannot be null及Could not create connection to database server. 报错
qq_43530590的博客
03-25 5290
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
VSCode部署Pytorch机器学习框架使用Anaconda（Window版）
Sophia_hust的博客
07-20 8834
在这种情况下，为了确保 PyTorch 可以在你的系统上正常使用 GPU 加速，你可以考虑安装可用的最高版本的 CUDA Toolkit，即 11.8，然后测试 PyTorch 是否可以正常访问 GPU。根据你的第二张截图，你的系统安装了 NVIDIA CUDA 12.2.138 驱动，但是在 PyTorch 渠道中并没有找到 CUDA Toolkit 12.2 的版本，最新的是 11.8。从你提供的截图来看，你已经成功找到了 PyTorch 官方渠道提供的可用的。, 用记事本打开并将下面的内容复制进去，
关于vscode Live Server插件无法正常打开浏览器
weixin_64042638的博客
03-04 641
关于vscode Live Server插件无法正常打开浏览器
VsCode安装插件LiveServer指定浏览器报错找不到
eternally_zh128@sina.com的博客
09-15 1716
问题描述： 安装VsCode后不想使用默认的IE浏览器，想要指定Chrome或者Firefox，但是安装插件Liver Server 或者其他浏览器插件，指定默认浏览器时，Windows报错，找不到chrome或者firefox。 在看了网上很多贴出的在settings.json里配置，亲自实践后并无效果，后来自己探索后，发现插件找不到你的chrome或者firefox并不是你电脑上没安装，更不是你没安装在C盘；而是因为当插件比如Liver Server 指定浏览器后，windows系统会去根据系统变量去查
VS code让live server能正常访问后台接口？
梦秋音
09-10 438
live-server让临时的HTML文件能跨域访问后台接口
关于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问题解决方案！
解决json-server的Cannot GET问题
eternal的博客
10-11 696
解决json-server的Cannot GET问题，最后发现是端口被占用的问题
delphi中richedit控件光标在最后一个字符的末尾_记一个VS Code终端显示问题的较完美解决
weixin_39552204的博客
11-23 517
问题表现在Windows 10上的Visual Studio Code中，通过Ctrl+`第一次启动嵌入式终端时，会在输入命令的第一个提示符前面蹦出大量空白，且第一个提示符一开始显示不出来。系统预装的两个控制台cmd跟PowerShell 5.1均有此问题，额外加装的PowerShell Core也一样。在开始输入命令之后，第一个提示符才会显示出来。后面输入、执行命令都是正常的，在VS Code之...
请求地址无效——已解决
AshlingCD
11-06 4773
出现请求无效，有以下几种方法： 1.未部署应用 2.URL输入错误 3.Tomcat文件夹下项目名没有更改 改了之后 结果
vue项目启动后页面显示‘Cannot GET /’
weixin_45721912的博客
05-09 3373
1、npm run dev命令启动项目的时候没有报错，页面打开却提示 Cannot GET / 2.这个时候只需要找到config文件夹下面的index.js文件。把assetsPublicPath字符串的：‘./’修改成 ‘/’就行了。修改完之后记得关闭项目，然后重新启动。不然不会生效
VSCode 使用教程：项目使用配置、使用哪些插件、Live Server使用问题及解决方案(你想要的，都在这里)
狮子座的男孩
11-26 4872
插件打开文件夹下的文件，就类似于从服务器上访问该文件，且代码出现改动后，可以自动刷新;// 由于被打开的文件只是一个单独的文件，而非存在于一个文件夹内，因此在右键点击。：当文件信息修改后，只要切换成其它文件，上个文件的修改信息就会自动保存;//且在切换其它文件时，该双击打开的文件会在窗口保存，不会被覆盖;//且在切换其它文件时，该单击打开的文件不会在窗口保存，会被覆盖;)，即：写好代码后，延迟多少毫秒会自动保存;)后，再打开时间线，通过点击时间线中不同的。)后，再打开大纲，发现该文件中的。
{ "version": "0.2.0", "configurations": [ { "type": "firefox", "request": "launch", "name": "Launch Firefox", "url": "http://localhost:3000/index.html", "webRoot": "${workspaceFolder}", "firefoxExecutable": "C:/Program Files/Mozilla Firefox/firefox.exe" } ] }打开页面后显示Cannot GET /index.html
03-23
<think>嗯，用户遇到了在Firefox调试配置中访问http://localhost:3000/index.html时出现'Cannot GET /index.html'的问题。我需要帮他们分析可能的原因和解决方法。首先，应该检查服务器是否真的在运行，并且监听了正确的端口。用户可能忘记启动服务器，或者端口被占用，导致无法响应请求。 接下来，文件路径是否正确也是一个关键点。比如，webroot配置是否有误，导致服务器找不到index.html文件。需要确认文件是否存在于指定的目录中，路径是否大小写敏感，尤其是在某些操作系统中。 然后，检查VS Code的launch.json配置是否正确。这里可能需要用户确认url参数是否正确设置，是否指向了正确的端口和路径。另外，Firefox的调试器配置是否有问题，比如是否启用了必要的插件或设置。 还有可能是服务器的路由配置问题。例如，某些框架需要显式定义路由才能访问静态文件，如果没有正确配置，即使文件存在，服务器也无法正确返回。这时候需要检查服务器端是否有处理根路径或静态文件的路由。 另外，浏览器缓存也可能导致这个问题。有时候即使服务器已经更新，浏览器可能还在加载旧版本，或者缓存了错误的响应。清除缓存或使用隐私模式访问可能会有帮助。 用户提到的引用中有关于webpack-dev-server的默认打开地址是http://0.0.0.0:8090，这可能和用户使用的端口3000不同，需要确认服务器配置的端口是否正确。还有Docker相关的命令，虽然用户的问题可能不直接相关，但如果他们在容器环境中运行服务器，可能需要检查端口映射和容器配置。 总结下来，解决步骤应该是：确认服务器运行状态，检查文件和路径配置，验证VS Code和Firefox的设置，排查路由问题，清除缓存，最后考虑环境配置如Docker或防火墙的影响。逐步排除这些可能性，应该能找到问题所在。</think>### 解决 Firefox 调试配置中“Cannot GET /index.html”问题的方法 #### 1. 确认服务器运行状态 - **检查本地服务器是否启动** 确保通过 `npm start`、`webpack-dev-server` 或自定义脚本启动了本地服务器。例如，若使用 `webpack-dev-server`，默认可能监听 `http://0.0.0.0:8090`[^1]，需确认端口是否为 `3000`。 ```bash # 示例：通过 npm 启动服务器 npm run start ``` - **验证端口占用** 使用命令检查 `3000` 端口是否被占用： ```bash # Linux/Mac lsof -i :3000 # Windows netstat -ano | findstr :3000 ``` --- #### 2. 检查文件路径配置 - **确认文件存在性** 确保 `index.html` 位于项目根目录或配置的 `webroot` 路径下。例如，若 `webroot` 设置为 `./dist`，则文件路径应为 `./dist/index.html`。 - **验证 VS Code 配置** 检查 `launch.json` 中 `url` 和 `webRoot` 参数： ```json { "type": "firefox", "request": "launch", "name": "Debug Localhost", "url": "http://localhost:3000/index.html", "webRoot": "${workspaceFolder}/dist" // 路径需与实际目录匹配 } ``` --- #### 3. 排查路由配置问题 - **静态资源服务器配置** 若使用自定义服务器（如 Express），需显式定义静态文件路由： ```javascript const express = require('express'); const app = express(); app.use(express.static('dist')); // 指向 webroot 目录 app.listen(3000); ``` --- #### 4. 清除浏览器缓存 - 在 Firefox 中按 `Ctrl+Shift+R`（Windows）或 `Cmd+Shift+R`（Mac）强制刷新页面。 - 尝试在隐私模式下访问 `http://localhost:3000/index.html`。 --- #### 5. 其他可能原因 - **防火墙/代理限制** 确保防火墙未阻止 `3000` 端口，且代理设置未干扰本地请求。 - **容器化环境问题** 若通过 Docker 运行服务（如引用中的 `docker run` 示例[^3]），需检查端口映射： ```bash docker run -p 3000:3000 my-image ``` --- ### 相关问题 1. 如何配置 VS Code 调试器支持不同前端框架（如 React/Vue）？ 2. 如何解决 `webpack-dev-server` 的热更新失效问题？ 3. 本地服务器返回 404 错误时，如何快速定位资源路径问题？ : 引用[1]: ok，可以看到webpack-dev-server在我们demo中如果open=true的话是默认打开“http://0.0.0.0:8090”。 : 引用[3]: docker run -i -t --name mytest remnux/thug /bin/bash
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiaoshengjinbu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值