visual-studio-code - Chrome 中的 VS Code 调试 - 无法访问此站点错误
问题描述
我知道以前有人问过这个问题,但是在阅读了很多帖子之后,我仍然没有找到答案......
我正在尝试使用 Chrome 调试一个非常简单的 html 应用程序,但是当我到达本地主机时,我收到一条错误消息,提示“无法访问此站点”。我的 launch.json 代码如下所示:
"version": "0.2.0",
"configurations": [
{
"name": "Launch Chrome against localhost, with sourcemaps",
"type": "chrome",
"request": "launch",
"url": "http://localhost:3000",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"name": "Attach to Chrome, with sourcemaps",
"type": "chrome",
"request": "attach",
"port": 9222,
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
}
]
}
任何帮助都将不胜感激,因为我现在已经为此苦苦挣扎了很长时间。
解决方案
正如@Rob-Lourens 所提到的,您需要启动自己的本地服务器来托管您的 HTML/Javascript/CSS 和图像。
您可以使用 VS 代码插件Live Server为您创建本地开发服务器。请确保您"url": "http://localhost:3000"
的配置文件中的 URL( ) 与 Live Server 的 URL 匹配。
如果您在 Windows 上并且想要使用 IIS 或 IIS Express,您可以阅读IIS和IISExpress
推荐阅读
- laravel - 雄辩的方法流明
- ios - 如果 Info.plist 中不存在密钥,是否默认实现 ATS
- visual-studio-code - 如何在 VSCode 中隐藏目录/函数路径顶部栏
- elasticsearch - 使用摄取附件批量索引(大约 4 万个 .docx 类型的文件)的嵌套方式是什么?
- javascript - Next.js:根据请求主机自定义渲染动态页面
- actionscript-3 - 在 adobe animate 中按名称访问动态影片剪辑的问题
- c++ - 如何使用 Qt5 和 QNetworkAccessManager 下载文件
- javascript - 设置 div 元素的 top 属性
- node.js - 如何修复model.create()不是Sequelize ORM中的函数错误
- react-admin - 如何在自定义字段中进行自定义 api 调用?