Debugger (for logging) does not exist anymore, only chrome works.

nschurmann commented 8 years ago

Actual Behavior

Unable to open debugger on iOS emulator
write console.log to print variables, vscode doesn't have the debugger option available to debug. Only external browser (chrome) is working

Expected Behavior

Run debugging in iOS emulator
hitting shift+cmd+u open the debug console so i can check the logged variables.

Software versions

React-Native VS Code extension version: 0.2.2
VSCode version: 1.7.1
OS platform and version: macOS Sierra
NodeJS version: 6.0.0
React Native version: react-native-cli: 1.2.0 react-native: 0.29.0

Outputs (Include if relevant)

Output of the Debug Console (View -> Toggle Debug Console):

[vscode-react-native] Finished executing: react-native run-ios --simulator iPhone 5s --project-path ios
node --debug-brk=37871 --nolazy launchReactNative.js 9090 
Debugger listening on port 37871
[vscode-react-native] Downloaded debuggerWorker.js (Logic to run the React Native app) from the Packager.
[vscode-react-native] Starting debugger app worker.
[vscode-react-native] Established a connection with the Proxy (Packager) to the React Native application
[vscode-react-native] Debugging session started successfully.
Unbalanced calls start/end for tag 0
Running application "myproyect" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF
[PERF ASSETS] Loading image at size {1704, 1136}, which is larger than the screen size {640, 1136}
[PERF ASSETS] Loading image at size {1704, 1136}, which is larger than the screen size {640, 1136}

Output of the React-Native output channel (View -> Toggle Output -> Select React-Native in ListBox):

Starting custom debugger by executing: echo A debugger is not needed:  "/Users/nicolas/MobileApps/myproyect"
[9:39:30 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[9:39:30 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (677ms)
[9:39:30 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (86ms)
[9:39:31 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[9:39:31 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (22ms)
[9:39:31 AM] <START> request:/index.ios.map?platform=ios&dev=true&minify=false
[9:39:31 AM] <END>   request:/index.ios.map?platform=ios&dev=true&minify=false (120ms)
[9:39:32 AM] <START> processing asset request assets/red-pin.png
[9:39:32 AM] <START> processing asset request assets/welcome-background.png
[9:39:32 AM] <START> processing asset request assets/checkin.png
[9:39:32 AM] <START> processing asset request assets/credit-cards.png
[9:39:32 AM] <END>   processing asset request assets/checkin.png (4ms)
[9:39:32 AM] <END>   processing asset request assets/red-pin.png (4ms)
[9:39:32 AM] <END>   processing asset request assets/credit-cards.png (2ms)
[9:39:32 AM] <START> processing asset request assets/logo.png
[9:39:32 AM] <END>   processing asset request assets/welcome-background.png (6ms)
[9:39:32 AM] <END>   processing asset request assets/logo.png (1ms)
[10:04:49 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[10:04:49 AM] <START> find dependencies
[10:04:50 AM] <END>   find dependencies (558ms)
[10:04:50 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (651ms)
[10:04:58 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[10:04:58 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (25ms)
[10:08:18 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[10:08:18 AM] <START> find dependencies
[10:08:19 AM] <END>   find dependencies (943ms)
[10:08:20 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (1070ms)
[10:08:33 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[10:08:33 AM] <START> find dependencies
[10:08:34 AM] <END>   find dependencies (770ms)
[10:08:34 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (839ms)
[10:09:56 AM] <START> request:/index.ios.bundle?platform=ios&dev=true&minify=false
[10:09:56 AM] <START> find dependencies
[10:09:57 AM] <END>   find dependencies (866ms)
[10:09:57 AM] <END>   request:/index.ios.bundle?platform=ios&dev=true&minify=false (953ms)
[10:10:07 AM] <START> symbolicate
[10:10:07 AM] <START> find dependencies
[10:10:07 AM] <END>   find dependencies (483ms)
[10:10:08 AM] <END>   symbolicate (776ms)

Output of the Developer Tools console (Help -> Toggle Developer Tools -> Select Console tab):
```
PASTE OUTPUT HERE
```

MSLaguana commented 8 years ago

Can you please clarify what you mean by "Unable to open debugger on iOS emulator"? The debug console output you include above seems to indicate to me that we are connecting to your app and it is running code from it. Does something happen after that?

nschurmann commented 8 years ago

@MSLaguana when I write a console.log in my app, it won't show on the debugger that you mention, on an early version there was a debugger (i think something with adb reverse) that makes appear the console.log() in the debugger.

MSLaguana commented 8 years ago

The line Running application "myproyect" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF is printed by react-native using console.log, so I would expect your application to work.

Are you able to share some sample code that reproduces the issue?

nschurmann commented 8 years ago

sure, in a component, thunk, or whatever it wont print a console.log. IE:

 <TouchableHighlight
    underlayColor='#999'
    style={{backgroundColor: '#aaa'}}
    onPress={() => console.log('yay!')}
  >
    <Text >hello world</Text>
  </TouchableHighlight>

won't print yay!

MSLaguana commented 8 years ago

Does this happen for you even in a trivial application, e.g. adding that snippet to a freshly created react-native init project?

nschurmann commented 8 years ago

@MSLaguana this only happens when i try to run the debugger in vscode, if i run it on chrome it works.

MSLaguana commented 8 years ago

Hmm, I'm getting a different issue when I try to test this out myself. We'll have to investigate some more. Thanks for bringing this to our attention!

vladimir-kotikov commented 7 years ago

@nschurmann, is this still an issue for you? I just verified this with latest extension and react-native 0.39 and 0.42 versions and console logging seems to work just fine. I'm going to close this, but feel free to reopen if this is still a problem.

microsoft / vscode-react-native