Replace `open debugger-ui with Chrome` to `open React Native Debugger` from react-native packager
npm install react-native-debugger-open> Replace open debugger-ui with Chrome to open React Native Debugger from react-native packager
__[macOS]__ If you opened the app before (registered URI scheme), you can use this patch open the app automatically.
__[Linux / Windows]__ Currently it cannot open the app automatically, it just send set-debugger-loc request, so you need open the app yourself.
!demo
> Demo with initial project of Create React Native App (Expo)
First, install React Native Debugger.
In your React Native project:
``bash`
$ npm i --save-dev react-native-debugger-open # or -g
#### Inject to react-native packager
Add command to your project's package.json:
`
"scripts": {
"postinstall": "rndebugger-open"
}
It will be run after npm install. (You can run npm run postinstall first)./node_modules/react-native/local-cli/server/middleware/getDevToolsMiddleware.js
The code will be replaced.
#### Use REACT_DEBUGGER env of react-native packager
Instead of Inject to react-native packager, you can just do:
`bash
$ REACT_DEBUGGER="rndebugger-open --open --port 8081" npm start
If you're using Expo <= 48, use port 19000 instead of 8081.
#### Options (--option)
Name | Description
------------- | -------------
| Use react-native-macos module name instead of react-native. Default is false
| Revert rndebugger-open injection. Default is false
| Run open directly instead of inject patch
port | Specified react-native packager port with --open option. Default is 8081