How to debug typescript&react files(.tsx) in vscode

Question

I am using this project template. And i set a breakpoint into App class in App.tsx file. Shared configurations below. nothing look wrong but it doesnt work even "F5" not trigg anything.

I searched many but couldnt find any proper solution.. launch.json:

"version": "0.2.0",
    "configurations": 
    [

        {
            "args": [],
            "cwd": "${workspaceRoot}",
            "env": {
                "NODE_ENV": "development"
            },
            "externalConsole": false,
            "name": "DEBUG",
            "outDir": "${workspaceRoot}/build/dist",
            "preLaunchTask": "compile",
            "program": "${workspaceRoot}/src/App.tsx",
            "request": "launch",
            "runtimeArgs": [
                "--nolazy"
            ],
            "runtimeExecutable": null,
            "sourceMaps": true,
            "stopOnEntry": false,
            "type": "node"
        }
    ]

tsconfig:

{
  "compilerOptions": {
    "outDir": "build/dist",
    "module": "commonjs",
    "target": "es5",
    "lib": ["es6", "dom"],
    "sourceMap": true,
    "allowJs": true,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",

here is debug config name and breakpoint:

and working directory:

Amid · Accepted Answer · 2017-02-17 14:29:37Z

4

You are unable to debug it because the application you are running is client side (executed in browser) whereas out of the box VSCode supports debugging of the server side (nodejs for example) typescript applications.

You can debug your app by installing the Debugger for Chrome extension and following their guidelines.

Or as alternative - debug it inside chrome using its dev tools.

answered Feb 17, 2017 at 14:29

Amid

22.5k6 gold badges63 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to debug typescript&react files(.tsx) in vscode

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related