[Chrome Debugging] Can't debug with Chrome devtool

[jasonslyvia]

In iOS Simulator press cmd + d twice, console outputs:

Launching Dev Tools...
Failed to run launchChromeDevTools.applescript { [Error: Command failed: /Code/AwesomeProject/node_modules/react-native/packager/launchChromeDevTools.applescript:668:671: script error: Expected class name but found property. (-2741)
] killed: false, code: 1, signal: null }

Simulator outputs:

Environment:

• OS X 10.10.2
• Chrome 41.0.2272.104 (64-bit)
• Xcode 6.2 (6C131e)

[khanghoang]

Do you have Chrome open?

[jasonslyvia]

Sure I have, I have Chrome open, I even have the devtool open.

[weixiyen]

CMD+D

[tiye]

Anyone ran into this error after pressing Command+D?

RCTJSLog> "Running application "Game2048" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF"
[RCTLog][tid:0x7f8eeb417640][RCTRootView.m:68]>WebSocket debugger is not available. Did you forget to include RCTWebSocketExecutor?
RCTJSLog> "Running application "Game2048" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF"

[micksabox]

I had this same issue "Do you have chrome open?" I found that it worked by moving my project to a file path which did not have a space in it.

[lancy]

I got the same issue.

Then I look into the source code of that applescript, found it just open the chrome and jump to http://localhost:8081/debugger-ui, nothing else.

So you can remove that code and do it by yourself.

[hinzundcode]

I got the issue, too:

Launching Dev Tools...
Failed to run launchChromeDevTools.applescript { [Error: Command failed: /Users/chris/Projekte/AwesomeProject/node_modules/react-native/packager/launchChromeDevTools.applescript:668:671: script error: Expected class name but found property. (-2741)
] killed: false, code: 1, signal: null }

/Users/chris/Projekte/AwesomeProject/node_modules/react-native/packager/launchChromeDevTools.applescript:668:671: script error: Expected class name but found property. (-2741)

osx 10.10.2
xcode 6.2
chome 43.0.2349.0 canary (64-bit)

[hinzundcode]

I changed "Google Chrome" to "Google Chrome Canary" in the applescript, now it works at least sporadic.

[frantic]

I guess we should provide a better error recovery suggestion. Would the instruction to open the link to the UI be helpful?

[frantic]

btw, instead of cmd+d try cmd+ctrl+z - "Enable Debugger", the former shortcut can't disable debugging

[hinzundcode]

Sometimes I get this error:

Launching Dev Tools...
[Error: not opened]
Error: not opened
    at WebSocket.send (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/WebSocket.js:187:16)
    at /Users/chris/Projekte/AwesomeProject/node_modules/react-native/packager/webSocketProxy.js:37:12
    at Array.forEach (native)
    at WebSocket.<anonymous> (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/packager/webSocketProxy.js:36:28)
    at WebSocket.emit (events.js:98:17)
    at Receiver.self._receiver.ontext (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/WebSocket.js:697:10)
    at Receiver.opcodes.1.finish (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/Receiver.js:397:14)
    at Receiver.expectHandler (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/Receiver.js:378:33)
    at Receiver.add (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/Receiver.js:93:24)
    at Socket.firstHandler (/Users/chris/Projekte/AwesomeProject/node_modules/react-native/node_modules/ws/lib/WebSocket.js:678:22)

[kkganesan]

It does work with the following steps,

1. With simulator opened, Press CMD + D once and the node console would output
   "Launching Dev Tools..."
   [22:27:49] request:/index.ios.bundle
   [22:27:50] find dependencies

2. open chrome http://localhost:8081/debugger-ui (if chrome was not launched in the first step)
   "Status: Waiting for simulator" will be displayed

3. CMD + D again on the simulator will display the following message in the console
   Status: Debugger session View will lost background color when set borderRadius and height is large enough on Android device #15826 active

[jasonslyvia]

@kkganesan I did make it work following your instructions, thanks a lot!

[skyming]

just as @kkganesan you say ,but the node console not find output "Launching Dev Tools..."
just as the following
"[19:42:48] request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle
[19:42:48] request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle(15ms)"