Skip to content

Typescript breakpoints not working #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
seyaobey opened this issue Feb 27, 2018 · 0 comments
Open

Typescript breakpoints not working #8

seyaobey opened this issue Feb 27, 2018 · 0 comments

Comments

@seyaobey
Copy link

Description

This is not a bug per se and I understand that this may not be the right place to raise this issue. But I have looked all over the internet and I don't see how to get my breakpoint to bit hit inside the app.tsx. I have used this tool and have created a bare bone application (just the default files generated by this tool) with Vscode with React native tools extension. This is the content of my launch.json file:

        {
            "name": "expo",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "exponent",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        }

From the vscode debug dropdown, I start debugging by selecting the above configuration: expo. The packager start, I scan the QR generated on the Expo QR code tab, and the application loads into the device. Hot reloading also work. But how to debug and get the breakpoints to work?

Breakpoints are ignore (they are not even grayed out) while debugging (after having loaded app in device with QR scan)

What action did you perform, and what did you expect to happen?

  1. I entered 'yarn start'
  2. I scanned the generated Qr and app loaded into device
  3. I set a breakpoint in app.tsx (render function) and make a small change (text change) to get the app
    to reload
  4. Application reloads and I would expect to stop at breakpoint

What actually happened when you performed the above actions?

Breakpoint is ignored and execution does not pause

Environment

Please run these commands in the project folder and fill in their results:

  • npm ls react-native-scripts-ts: react-native-scripts-ts@1.11.3
  • npm ls react-native: react-native@0.52.0
  • npm ls expo: expo@25.0.0
  • node -v: v8.9.1
  • npm -v: 4.6.1
  • yarn --version: 1.3.2
  • watchman version: not applicable

Also specify:

  1. Operating system: Windows 10 Pro
  2. Phone/emulator/simulator & version: Galaxy Samsung J5

Reproducible Demo

I have uploaded my project. Just unzip, run (yarn install or npm install) and use vscode
poki.app.zip

Any inside or suggestion will be greatly appreciated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant