如何使用节点服务器 运行 调试 html/client 端 js - 断点变灰
How to debug html/client side js with node server running - breakpoints greyed out
我有一个使用 Express 的小应用程序。我想调试一些调用我的后端的客户端 js 代码，但似乎当我尝试使用 localhost:8888 调试我的应用程序时，我所有的客户端 js 断点都变灰了。
我推测它与配置有关，但我真的不知道。
我目前正在使用 ctrl + shift + p 在 VSCode 中进行调试 -> 调试打开 link。
使用我的服务器 运行，我尝试调试“http://127.0.0.1:8888/frontend/frontend_3_26/web-api-auth-examples/authorization_code/public/index.html”
它命中了我在 js 中的断点。
但是，当我尝试调试“http://localhost:8888”时，我的断点变灰并且我的断点没有被命中。
不确定这是否有帮助，但附件是我在 Chrome 开发人员工具中看到的内容。
那么，可能是本地主机无法找到正确文件的问题？我一直在搞乱启动设置，但我迷路了。
有人可以帮助我吗？我将不胜感激。
谢谢！
https://i.stack.imgur.com/Pkzee.png
解决了我的问题。
这是因为我没有告诉我的服务器在哪里寻找我的客户端代码，这是通过这样做完成的：
app.use(express.static(path.join(__dirname, 'public')));
这些帖子对我有帮助，而且更详细：
nodejs/express include local js file
由于对文件结构的详细解释，这篇文章特别有帮助：
我有一个使用 Express 的小应用程序。我想调试一些调用我的后端的客户端 js 代码，但似乎当我尝试使用 localhost:8888 调试我的应用程序时，我所有的客户端 js 断点都变灰了。
我推测它与配置有关，但我真的不知道。
我目前正在使用 ctrl + shift + p 在 VSCode 中进行调试 -> 调试打开 link。
使用我的服务器 运行，我尝试调试“http://127.0.0.1:8888/frontend/frontend_3_26/web-api-auth-examples/authorization_code/public/index.html”
它命中了我在 js 中的断点。
但是，当我尝试调试“http://localhost:8888”时，我的断点变灰并且我的断点没有被命中。
不确定这是否有帮助，但附件是我在 Chrome 开发人员工具中看到的内容。
那么，可能是本地主机无法找到正确文件的问题？我一直在搞乱启动设置，但我迷路了。
有人可以帮助我吗？我将不胜感激。
谢谢！
https://i.stack.imgur.com/Pkzee.png
解决了我的问题。
这是因为我没有告诉我的服务器在哪里寻找我的客户端代码，这是通过这样做完成的：
app.use(express.static(path.join(__dirname, 'public')));
这些帖子对我有帮助，而且更详细：
nodejs/express include local js file
由于对文件结构的详细解释，这篇文章特别有帮助：