TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes #2227

nottimnik · 2023-12-28T19:02:37Z

I did nothing more then just trying to import TrackPlayer:
import { TrackPlayer } from "react-native-track-player";
and I get this error:
TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes
I can't do anything else because if I try to follow any of the instructions from docs I get this error, so I can't work with the package. BTW I use expo.

The text was updated successfully, but these errors were encountered:

lovegaoshi · 2023-12-29T13:23:34Z

well there u go expo is tje peovlem...

Aamir0890 · 2023-12-30T05:58:39Z

await TrackPlayer.updateOptions({
capabilities: [
Capability.Play,
Capability.Pause,
Capability.SkipToNext,
Capability.SkipToPrevious
]}) this might work

jspizziri · 2024-01-02T10:27:33Z

Expo is not officially supported. Read through old issues, online articles, and the docs.

bobOnGitHub · 2024-01-28T00:30:41Z

@jspizziri

same problem.

TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes

...../node_modules/react-native-track-player/src/constants/Capability.ts


import { NativeModules } from 'react-native';
const { TrackPlayerModule: TrackPlayer } = NativeModules;

export enum Capability {
  Play = TrackPlayer.CAPABILITY_PLAY,
  PlayFromId = TrackPlayer.CAPABILITY_PLAY_FROM_ID,
  PlayFromSearch = TrackPlayer.CAPABILITY_PLAY_FROM_SEARCH,
  Pause = TrackPlayer.CAPABILITY_PAUSE,
  Stop = TrackPlayer.CAPABILITY_STOP,
  SeekTo = TrackPlayer.CAPABILITY_SEEK_TO,
  Skip = TrackPlayer.CAPABILITY_SKIP,
  SkipToNext = TrackPlayer.CAPABILITY_SKIP_TO_NEXT,
  SkipToPrevious = TrackPlayer.CAPABILITY_SKIP_TO_PREVIOUS,
  JumpForward = TrackPlayer.CAPABILITY_JUMP_FORWARD,
  JumpBackward = TrackPlayer.CAPABILITY_JUMP_BACKWARD,
  SetRating = TrackPlayer.CAPABILITY_SET_RATING,
  Like = TrackPlayer.CAPABILITY_LIKE,
  Dislike = TrackPlayer.CAPABILITY_DISLIKE,
  Bookmark = TrackPlayer.CAPABILITY_BOOKMARK,
}

TrackPlayer is null when at export enum Capability

Is TrackPlayerModule something you guys build into a modified NativeModules or something React Native / fb build ? ( I can't find any docs online )

Environment / Version info

npx expo-env-info

  expo-env-info 1.2.0 environment info:
    System:
      OS: Linux 4.18 AlmaLinux 8.9 (Midnight Oncilla)
      Shell: 4.4.20 - /bin/bash
    Binaries:
      Node: 20.9.0 - /usr/local/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 10.1.0 - /usr/local/bin/npm
    npmPackages:
      @expo/webpack-config: ^19.0.0 => 19.0.1 
      expo: ~49.0.18 => 49.0.22 
      react: 18.2.0 => 18.2.0 
      react-dom: 18.2.0 => 18.2.0 
      react-native: 0.72.6 => 0.72.6 
      react-native-web: ~0.19.6 => 0.19.10 
    npmGlobalPackages:
      eas-cli: 7.1.1
    Expo Workflow: bare

cat package.json
{
  "name": "c2",
  "version": "1.0.0",
  "main": "./index.js",
  "scripts": {
    "start": "expo start",
    "android": "expo run:android",
    "ios": "expo run:ios",
    "web": "expo start --web"
  },
  "dependencies": {
    "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
    "@babel/plugin-transform-object-rest-spread": "^7.23.4",
    "@expo/metro-runtime": "^3.1.2",
    "@expo/webpack-config": "^19.0.0",
    "@react-navigation/native-stack": "^6.9.17",
    "expo": "~49.0.18",
    "expo-dev-client": "~2.4.12",
    "expo-document-picker": "~11.5.4",
    "expo-keep-awake": "~12.3.0",
    "expo-localization": "~14.3.0",
    "expo-navigation-bar": "~2.3.0",
    "expo-screen-orientation": "~6.0.6",
    "expo-splash-screen": "~0.20.5",
    "expo-status-bar": "~1.6.0",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-native": "0.72.6",
    "react-native-paper": "^5.12.3",
    "react-native-safe-area-context": "4.6.3",
    "react-native-screens": "~3.22.0",
    "react-native-track-player": "^4.0.1",
    "react-native-volume-manager": "^1.10.0",
    "react-native-web": "~0.19.6",
    "react-native-webview": "13.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0"
  },
  "private": true
}

(yeah some legacy web in there)

hasnainirfan110 · 2024-01-30T17:00:26Z

Hey @nottimnik, you can use expo --dev-client to easily integrate react-native-track-player in Expo.

bobOnGitHub · 2024-01-30T18:00:18Z

@hasnainirfan110
No, the point is it is NOT working with expo (sdk 49) even when you use expo-dev-client.

nandowastaken · 2024-04-23T12:58:00Z

Hello, I was having the same problem for Expo running on Android, here what it solved for me:

npm install -g eas-cli
npx expo install expo-dev-client

Then create a eas.json in the root folder:

{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal"
    },
    "production": {}
  }
}

Then run:

eas build --profile development --platform android

And then just scan de QR Code and you will be fine. I took this from this Medium article from this guy: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-2-android-8987e374f965
He wrote one for iOS as well: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-1-ios-9552fea5178c#:~:text=All%20you%20need%20to%20do,Native%20Track%20Player%20with%20Expo.

KrishnaDolas · 2024-05-28T14:49:45Z

btw i just unplug my speakers while running the code and the error was resolved xd 😂
just try doing it helped me surprisingly

pjnalls · 2024-06-23T23:38:04Z

Hello, I was having the same problem for Expo running on Android, here what it solved for me:
npm install -g eas-cli
npx expo install expo-dev-client
Then create a eas.json in the root folder:
{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal"
    },
    "production": {}
  }
}
Then run:

eas build --profile development --platform android

And then just scan de QR Code and you will be fine. I took this from this Medium article from this guy: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-2-android-8987e374f965 He wrote one for iOS as well: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-1-ios-9552fea5178c#:~:text=All%20you%20need%20to%20do,Native%20Track%20Player%20with%20Expo.

@nandowastaken This worked for me too. Thank you!

mrwebninja · 2024-09-10T13:07:21Z

Hello, I was having the same problem for Expo running on Android, here what it solved for me:
npm install -g eas-cli
npx expo install expo-dev-client
Then create a eas.json in the root folder:
{
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal"
    },
    "preview": {
      "distribution": "internal"
    },
    "production": {}
  }
}
Then run:

eas build --profile development --platform android

And then just scan de QR Code and you will be fine. I took this from this Medium article from this guy: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-2-android-8987e374f965 He wrote one for iOS as well: https://medium.com/@gionata.brunel/implementing-react-native-track-player-with-expo-including-lock-screen-part-1-ios-9552fea5178c#:~:text=All%20you%20need%20to%20do,Native%20Track%20Player%20with%20Expo.

but this builder apk, how to use with expo go for development & debug

lovegaoshi · 2024-09-10T13:10:05Z

simple, you cannot.

…

On Tue, Sep 10, 2024, 6:07 AM Dinesh Chauhan ***@***.***> wrote: Hello, I was having the same problem for Expo running on Android, here what it solved for me: npm install -g eas-cli npx expo install expo-dev-client Then create a eas.json in the root folder: { "build": { "development": { "developmentClient": true, "distribution": "internal" }, "preview": { "distribution": "internal" }, "production": {} } } Then run: eas build --profile development --platform android And then just scan de QR Code and you will be fine. I took this from this Medium article from this guy: ***@***.***/implementing-react-native-track-player-with-expo-including-lock-screen-part-2-android-8987e374f965 He wrote one for iOS as well: ***@***.***/implementing-react-native-track-player-with-expo-including-lock-screen-part-1-ios-9552fea5178c#:~:text=All%20you%20need%20to%20do,Native%20Track%20Player%20with%20Expo . but this builder apk, how to use with expo go for development & debug — Reply to this email directly, view it on GitHub <#2227 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZMOVVRUDRDZE33XGOXEYMTZV3VKDAVCNFSM6AAAAABBFZ2LMCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNBQG4YTAMZXHE> . You are receiving this because you commented.Message ID: ***@***.*** com>

nottimnik added the Bug label Dec 28, 2023

jspizziri closed this as not planned Won't fix, can't repro, duplicate, stale Jan 2, 2024

bobOnGitHub mentioned this issue Feb 2, 2024

expo-av requires microphone permission even when not using microphone expo/expo#26730

Closed

spencerxl mentioned this issue Apr 15, 2025

TypeError: Cannot read property 'CAPABILITY_PLAY' of null when importing react-native-track-player in Expo (bare workflow) #2452

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes #2227

TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes #2227

nottimnik commented Dec 28, 2023

lovegaoshi commented Dec 29, 2023

Aamir0890 commented Dec 30, 2023

jspizziri commented Jan 2, 2024

bobOnGitHub commented Jan 28, 2024 •

edited

Loading

hasnainirfan110 commented Jan 30, 2024

bobOnGitHub commented Jan 30, 2024

nandowastaken commented Apr 23, 2024

KrishnaDolas commented May 28, 2024

pjnalls commented Jun 23, 2024 •

edited

Loading

mrwebninja commented Sep 10, 2024

lovegaoshi commented Sep 10, 2024 via email

TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes #2227

TypeError: Cannot read property 'CAPABILITY_PLAY' of null, js engine: hermes #2227

Comments

nottimnik commented Dec 28, 2023

lovegaoshi commented Dec 29, 2023

Aamir0890 commented Dec 30, 2023

jspizziri commented Jan 2, 2024

bobOnGitHub commented Jan 28, 2024 • edited Loading

hasnainirfan110 commented Jan 30, 2024

bobOnGitHub commented Jan 30, 2024

nandowastaken commented Apr 23, 2024

KrishnaDolas commented May 28, 2024

pjnalls commented Jun 23, 2024 • edited Loading

mrwebninja commented Sep 10, 2024

lovegaoshi commented Sep 10, 2024 via email

bobOnGitHub commented Jan 28, 2024 •

edited

Loading

pjnalls commented Jun 23, 2024 •

edited

Loading