React-native-reanimated: Error calling RCTDeviceEventEmitter.emit unknown

Created on 6 Nov 2020  路  15Comments  路  Source: software-mansion/react-native-reanimated

when I updated react-native-reanimated from version 1.13.1 to 2.0.0-alpha.8 the app stopped working

I got an error message: "Error calling rctdeviceeventemitter.emit unknown"

Screenshots

error

I followed the installation instructions on the documentation page step by step

Package versions

"dependencies": {
    "@react-native-async-storage/async-storage": "^1.13.1",
    "@react-native-community/datetimepicker": "^3.0.2",
    "@react-native-community/masked-view": "^0.1.10",
    "@react-native-community/picker": "^1.6.6",
    "@react-navigation/drawer": "^5.9.0",
    "@react-navigation/material-bottom-tabs": "^5.2.16",
    "@react-navigation/native": "^5.7.3",
    "@react-navigation/stack": "^5.9.0",
    "dotenv": "^8.2.0",
    "moment": "^2.29.1",
    "native-base": "^2.13.13",
    "react": "16.13.1",
    "react-native": "0.63.2",
    "react-native-android-location-enabler": "^1.2.1",
    "react-native-animated-pagination-dot": "^0.1.8",
    "react-native-dotenv": "^2.3.0",
    "react-native-geolocation-service": "^5.0.0",
    "react-native-gesture-handler": "^1.8.0",
    "react-native-google-places-autocomplete": "^1.8.3",
    "react-native-image-picker": "^2.3.4",
    "react-native-localization": "^2.1.6",
    "react-native-localize": "^1.4.1",
    "react-native-maps": "0.27.1",
    "react-native-modal": "^11.5.6",
    "react-native-open-maps": "^0.3.5",
    "react-native-paper": "^4.0.1",
    "react-native-permissions": "^2.1.5",
    "react-native-popup-menu": "^0.15.9",
    "react-native-qrcode-scanner": "^1.4.1",
    "react-native-reanimated": "^2.0.0-alpha.8",
    "react-native-restart": "^0.0.17",
    "react-native-safe-area-context": "^3.1.6",
    "react-native-screens": "^2.10.1",
    "react-native-swiper": "^1.6.0-rc.3",
    "react-native-vector-icons": "^7.0.0"
  },
  • React: 16.13.1
  • React Native: 0.63.2
  • React Native Reanimated: 2.0.0-alpha.8
  • NodeJS: 12.13.1
馃彔 Reanimated2 馃洜build-or-config-issue

Most helpful comment

@SohaibKtb it should be also added to babel.config.js: https://docs.swmansion.com/react-native-reanimated/docs/installation#babel-plugin

All 15 comments

I just wanna add that I have the same problem with a clean new project aswell:

```
"react": "16.13.1",
"react-native": "0.63.3",
"react-native-reanimated": "^2.0.0-alpha.8"

Having the same issue

This occurs on iOS and android. Help.
Screenshot 2020-11-07 at 15 51 36

the same

Hey Guys, I fixed the issue by removing and 'node_modules' and doing 'yarn install' again!

@timhilgenstoehler really what did you remove? and you are sure it is still

 "react-native-reanimated": "^2.0.0-alpha.8"

?

Same issue.

@timhilgenstoehler really what did you remove? and you are sure it is still

 "react-native-reanimated": "^2.0.0-alpha.8"

?

Sorry I had a typo. I just removed the 'node_modules' folder and did 'yarn install' again. Did you tried this?
And don't forget to do 'pod install' inside the iOS folder.

package.json

"react": "16.13.1",
"react-native": "0.63.3",
"react-native-reanimated": "^2.0.0-alpha.8",

in my yarn lock it says also:

 version "2.0.0-alpha.8"

Removing related app folder and ModuleCache from derived data solves this problem. Your flow should probably include that clean step anyway: https://stackoverflow.com/questions/58927291/when-can-i-safely-delete-xcode-deriveddata-folder

This Error still persists @jakub-gonet please can you take a look at this 馃ズ

My flow to fix was:

  1. ensuring babel plugin installed and added to babel.config.js
  2. watchman watch-del-all && yarn start --reset-cache

Hello @somebody32,

babel plugin already installed in the devDependencies:

"devDependencies": {
    "@babel/core": "^7.8.4",
    "@babel/runtime": "^7.8.4",
    "@react-native-community/eslint-config": "^1.1.0",
    "babel-jest": "^25.1.0",
    "eslint": "^6.5.1",
    "jest": "^26.6.1",
    "metro-react-native-babel-preset": "^0.59.0",
    "react-test-renderer": "16.13.1"
  },

@SohaibKtb it should be also added to babel.config.js: https://docs.swmansion.com/react-native-reanimated/docs/installation#babel-plugin

@somebody32 I did it also, see the description I provided in the first post
I followed the installation instructions on the documentation page step by step

Just making sure: did you remove all caches?

  • node_modules/ (rm -rf node_modules)
  • metro cache (react-native start --clear-cache)
  • watchman cache (watchman watch-del-all)
  • Gradle cache (gradle clean in android/ folder)
  • Pods cache (rm -rf Pods/ && pod instal)
  • Build artifacts from xcodebuild (clean project in xcode)

If none of the above commands fixes your problem please provide a reproduction repo so we can investigate it locally. Closing for now as build or config issue; will reopen when we'll be able to repro it.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dinhmai74 picture dinhmai74  路  3Comments

jwhscholten picture jwhscholten  路  4Comments

robertgonzales picture robertgonzales  路  3Comments

bdrobinson picture bdrobinson  路  3Comments

sa8ab picture sa8ab  路  3Comments