如何在VSCode中调试Django Javascript

Question

我想知道在VSCode中是否有调试Django Javascript的解决方案。VScode Chrome首次亮相似乎很受欢迎。有可能将其与Django服务器环境一起使用吗？直到现在，我在配置中尝试了以下设置：

{
"name": "Launch Chrome",
"request": "launch",
"type": "pwa-chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/path/to/static/files"
},

webRoot与来自settings.py的STATIC_ROOT常数的路径相同

有什么想法吗？对我来说，解决方案不一定是VSChrome调试器，我只是不想一直在Chrome中直接调试JS ^^。

谢谢！！

Answer 1

此设置适用于我：

{
"name": "Chrome Debugger - launch",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8000/v2/",
"webRoot": "${workspaceFolder}/project/djangoprojectname/appname/static/main",
"disableNetworkCache": true
}

重要的是webRoot。我的webRoot路径指向我的JS目录所在的位置。我的Django HTML模板从以下源代码加载JS：

<script type="module" src="{% static 'main/js/index.js' %}"></script>

作为参考，我的完整路径是这样的：${workspaceFolder}/project/djangoprojectname/appname/static/main/js/index.js

---

disableNetworkCache是可选的。

文件：https://github.com/microsoft/vscode-chrome-debug

disableNetworkCache：如果为false，则不会禁用网络缓存。它被禁用违约