vscode 调试 react 项目

Posted yaolin1228

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vscode 调试 react 项目相关的知识，希望对你有一定的参考价值。

主要分为以下三个步骤

  1. 安装 debug for chrome
  2. 配置 launch.json 文件

    配置内容如下


    "version": "0.2.0",
    "configurations": [
        "type": "chrome",
        "request": "launch",
        "name": "Launch Chrome",
        "url": "http://localhost:3000",  // 改为目标 url
        "sourceMaps": true,
        "webRoot": "$workspaceFolder",
        "skipFiles": [
            "node_modules/**"
        ],
        "sourceMapPathOverrides": 
            "webpack:///*": "$webRoot/*"
        
    ]
  1. 打断点，在 Debug 模块启动调试

本配置参考 csdn 博客进行配置，详细链接在此 链接

以上是关于vscode 调试 react 项目的主要内容，如果未能解决你的问题，请参考以下文章

React Native Vscode TypeScript 调试器步进极慢

使用 vscode 调试器调试 React Native

[FE] React 初窥门径（三）：用 VSCode 调试 Web 应用

对于 React 应用程序，vscode 调试器中的断点通常会失败

vscode react native exponent：如何登录我的指数帐户

.NetCore 使用VSCode多项目调试