react-native: Invariant Violation: Module RCTDeviceEventEmitter is not a registered callable module

Description

I’m trying to create a fresh react-native project with a fresh native module without any new code. I installed the MyLibrary into MyApp using yarn add file:/path/to/module, I don’t know if it could be the problem 😕

React Native version:

System: OS: macOS Mojave 10.14.6 CPU: (12) x64 Intel® Core™ i7-8750H CPU @ 2.20GHz Memory: 452.77 MB / 16.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 12.16.3 - /usr/local/bin/node Yarn: 1.12.3 - /usr/local/bin/yarn npm: 6.14.4 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman Managers: CocoaPods: 1.9.1 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1 Android SDK: API Levels: 22, 23, 25, 27, 28 Build Tools: 25.0.3, 26.0.2, 28.0.3 System Images: android-28 | Intel x86 Atom_64 Android NDK: 19.2.5345600 IDEs: Android Studio: 3.6 AI-192.7142.36.36.6392135 Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild Languages: Java: 1.8.0_252 - /usr/bin/javac Python: 2.7.16 - /usr/local/bin/python npmPackages: @react-native-community/cli: Not Found react: 16.11.0 => 16.11.0 react-native: 0.62.2 => 0.62.2 npmGlobalPackages: react-native: Not Found

I’m using react-native CLI from npx.

Steps To Reproduce

I just did exactly what is in this guide https://reactnative.dev/docs/native-modules-setup and when I try to run my app on my phone I got the screenshot error.

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 4
Comments: 17 (2 by maintainers)

Commits related to this issue

Add write getAppCacheSize fun in Kotlin 1. fix metro.config.js error Invariant Violation: Module RCTDeviceEventEmitter is ... change value of inlineRequires false to true about link: https://github.c... — committed to Type-Any/react-native-clear-cache by shhong7757 4 years ago
fix https://github.com/facebook/react-native/issues/28801 — committed to tivjoe/react-native-sparrow-album by deleted user 3 years ago

Most upvoted comments

If it helps anyone:

metro.config.js

const path = require("path");
const watchFolders = [
  //Relative path to packages directory because I'm in yarn workpspaces
  path.resolve(__dirname + "/../.."),
];
module.exports = {
  resolver: {
    extraNodeModules: {},
  },
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        // this defeats the RCTDeviceEventEmitter is not a registered callable module
        inlineRequires: true,
      },
    }),
  },
  watchFolders,
};

react-native start --reset-cache

+28

wballard on Aug 22, 2020

I experienced this problem as well, and after a whole day of trying to fix the problem, what worked for me was removing the devDependencies in the package.json of MyLibrary. This would install another copy of React Native within the library’s node_modules, which seemed to cause the error above.

Make sure you also remove node_modules and rerun npm install or yarn in the directory of MyLibrary after making this change. This is what the directory structure of MyLibrary (I called it MusicKit) looked like for me after I got it working:

Screenshot from 2020-06-25 08-06-51

And this is what the package.json looked like:

{
  "name": "react-native-music-kit",
  "title": "React Native Music Kit",
  "version": "1.0.0",
  "description": "TODO",
  "main": "index.js",
  "files": [
    "README.md",
    "android",
    "index.js",
    "ios",
    "react-native-music-kit.podspec"
  ],
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/github_account/react-native-music-kit.git",
    "baseUrl": "https://github.com/github_account/react-native-music-kit"
  },
  "keywords": [
    "react-native"
  ],
  "author": {
    "name": "Your Name",
    "email": "yourname@email.com"
  },
  "license": "MIT",
  "licenseFilename": "LICENSE",
  "readmeFilename": "README.md",
  "peerDependencies": {
    "react": "^16.8.1",
    "react-native": ">=0.60.0-rc.0 <1.0.x"
  }
}

+20

leonsilicon on Jun 25, 2020

Make sure you have one version of react-native installed. npm ls react-native should help.

michaelgmcd on Dec 28, 2020

:warning:	Missing Reproducible Example
:information_source:	It looks like your issue is missing a reproducible example. Please provide a Snack or a repository that demonstrates the issue you are reporting in a minimal, complete, and reproducible manner.

github-actions[bot] on Aug 23, 2020

I couldn’t believe it myself either but changing inlineRequires: false to true solved it. Also suggested by the Upgrade Helper - https://react-native-community.github.io/upgrade-helper/?from=0.62.3&to=0.69.7&package=react-native

zfoltin on Dec 6, 2022