Question

我是全新的反应，我想使用visual studio代码调试我的应用程序。

这就是我所做的。

我安装了visual studio代码
添加Chrome调试程序扩展程序。
添加launch.json

＆＃13;

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4000",
            "webRoot": "${workspaceFolder}", 
            "sourceMapPathOverrides": {
                "webpack:///./*": "${webRoot}/*",
                "webpack:///src/*": "${webRoot}/*",
                "webpack:///*": "*",
                "webpack:///./~/*": "${webRoot}/node_modules/*",
                "meteor://app/*": "${webRoot}/*"
            }
        },
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach to Chrome",
            "port": 9222,
            "webRoot": "${workspaceFolder}"
        }
    ]
}

＆＃13;

但是当我启动应用程序进行调试时，我得到以下异常

SourceMaps.getMapForGeneratedPath: exception while processing path: 
http://localhost:4000/js/dll.vendors.js, sourcemap: index.js.map
SyntaxError: Unexpected token < in JSON at position 0

并且所有断点都变成了灰色，并带有消息：

未验证的断点，忽略断点，因为生成的代码没有发现（源地图问题？）

很明显它与源地图有关。我使用webpack构建的项目和最终文件是dll.vender.js。

如果您想了解更多，我可以分享配置。非常感谢您的帮助，以便我最终能够逐行完成代码。

谢谢

如何在Visual Studio代码中调试使用webpack构建的应用程序

0 个答案: