jk-gan / redux-flipper

Redux middleware for React Native for Flipper
MIT License
160 stars 21 forks source link

Cannot find the Redux Debugger tab #48

Closed ghasemikasra39 closed 3 years ago

ghasemikasra39 commented 3 years ago
import {configureStore} from '@reduxjs/toolkit'
import counterSlice from "./reducers/counterSlice";

let middleware = [];

if (__DEV__) {
  const createDebugger = require('redux-flipper').default;
  middleware.push(createDebugger());
}

export const store = configureStore({
  reducer: {
    counter: counterSlice
  },
  middleware
})

Screenshot 2021-07-07 at 15 27 35 Screenshot 2021-07-07 at 15 28 17

"react-native-flipper": "^0.96.1"
"redux-flipper": "^1.4.2"
"react-native": "0.64.1"

environment:

System:
    OS: macOS 11.4
    CPU: (4) x64 Intel(R) Core(TM) i5-8210Y CPU @ 1.60GHz
    Memory: 66.96 MB / 8.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.0.0 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.13 - ~/Documents/realnote_app/node_modules/.bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.10.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4
    Android SDK:
      API Levels: 29, 30
      Build Tools: 29.0.2, 29.0.3, 30.0.3
      System Images: android-29 | Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom, android-29 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7322048
    Xcode: 12.5.1/12E507 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_292 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.1 => 17.0.1
    react-native: 0.64.1 => 0.64.1
plwai commented 3 years ago

@ghasemikasra39 According to your screenshot, your application is not selected. Redux debugger would only show after you connect an application.

ghasemikasra39 commented 3 years ago

@plwai If my application is not selected, then why I can see my my log appearing?!!

Screenshot 2021-07-08 at 19 20 37

plwai commented 3 years ago

@ghasemikasra39 That only show you started react native. You need to run your application either in emulator or in your phone. In your screenshot, flipper clearly show you that NO APPLICATION SELECTED. If you do it correctly, you should able to see something like this.

image

ghasemikasra39 commented 3 years ago

@plwai I can confirm that my app is fully running on my simulator, and I can see my logs, error, warnings in the log section. Am I missing something? Screenshot 2021-07-08 at 23 11 18

jk-gan commented 3 years ago

Can u try this to see if this helps?

ghasemikasra39 commented 3 years ago

Can u try this to see if this helps?

Sure, I will try this and will let you know.

ghasemikasra39 commented 3 years ago

Dear @jk-gan I tested the library on a brand new RN project and worked perfectly fine. There must be some other issue with my own project. So I close this issue.