Cannot read property 'LENGTH_LONG' of undefined

Question

Cannot read property 'LENGTH_LONG' of undefined

gokulkulkarni1987 opened this issue 7 years ago · 44 comments

gokulkulkarni1987 commented 7 years ago

When I try to include and run I get the following error,

+1

Answer 1 · 2017-08-18T12:15:30.000Z

Hi @gokulkulkarni1987, this means that the Snackbar object itself is undefined. Please make sure you've run react-native link react-native-snackbar successfully, then rebuild your app using react-native run-ios or react-native run-android.

Answer 2 · 2017-08-21T05:20:07.000Z

@cooperka I am very new to React Native, so I do not know when react-native link react-native-snackbar will be successful.

I ran react-native link react-native-snackbar and also tried this link But still it did not work.

Answer 3 · 2017-08-21T10:10:42.000Z

Could you try running the example app and see if you spot any differences?

Here's my successful output for react-native link:

%> react-native link react-native-snackbar
Scanning 552 folders for symlinks in /home/react-native-snackbar/example/node_modules (2ms)
rnpm-install info Android module react-native-snackbar is already linked 
rnpm-install info iOS module react-native-snackbar is already linked

Answer 4 · 2017-08-21T12:36:37.000Z

The example does work, I check my config with the config in this example and keep you posted.

Answer 5 · 2017-08-31T08:43:44.000Z

hi @cooperka thanks it worked. I had issue with react-native version, after updating to latest version it did work. Thanks for your support.

Answer 6 · 2017-09-12T23:51:02.000Z

Same problem using react-native 0.48.3 version and react-native-snackbar 0.4.1 version. Not sure how to resolve it as of yet...

Answer 7 · 2017-09-13T01:10:15.000Z

Hi @mattferrin, this error generally means the library wasn't linked properly or React Native can't find it. Can you please clear all your caches and try once more? Often something small gets in the way and the only solution is starting over.

Answer 8 · 2017-10-24T06:33:41.000Z

Hi @cooperka I have upgraded my react-native version to 0.49.3 and I have started the getting the issue yet again. :(

Please find below the output of link,

sudo react-native link react-native-snackbar
rnpm-install info Android module react-native-snackbar is already linked 
rnpm-install info iOS module react-native-snackbar is already linked

react-native: 0.49.3
react-native-snackbar: 0.4.2

please help me out.

Answer 9 · 2017-10-25T01:35:14.000Z

Hmm, I upgraded the example app to RN v0.49 and it all still seems to be working for me.

It's likely still a cache issue; try cleaning everything, including Xcode derived data, watchman, and the React Packager. I run into these sorts of issues occasionally, most often because Xcode is storing all sorts of derived data in various places. You can search online for ways of cleaning it up (unfortunately it's not as simple as just running Clean or deleting your project).

Answer 10 · 2017-10-27T03:45:38.000Z

Tried everything, didn't work. But it works in fresh new project. Another one of those instances where the only fix is to create new project and then copy over, install, and link everything from scratch... Not the first time; not the last time.

Answer 11 · 2017-11-08T21:01:35.000Z

i'm having this issue when i'm running the tests. i've done everything but nothing seems to work.
i'm on the last version of react-native (v0.50)

pls help

Answer 12 · 2017-11-09T00:21:46.000Z

By the way, I created a new project and copied everything over, installed, and linked everything from scratch. It didn't work :) haha.

Answer 13 · 2018-02-15T13:54:59.000Z

i got this error on IOS only

"react": "^16.2.0",
"react-native": "^0.52.0"

I linked the package

  $react-native link react-native-snackbar
  Scanning folders for symlinks in ........../node_modules (31ms)
  rnpm-install info Android module react-native-snackbar is already linked 
  rnpm-install info iOS module react-native-snackbar is already linked

If i import Snackbar from 'react-native-snackbar'; i get the same error

 Cannot read property 'LENGTH_LONG' of undefined

Answer 14 · 2018-02-15T14:07:14.000Z

Hmm, it looks like linking must have failed somehow even though it says it worked. This seems to happen to some people; try the manual linking solution here: #29 (comment)

Answer 15 · 2018-02-15T14:15:47.000Z

thanks @cooperka manually link remove the error ( https://facebook.github.io/react-native/docs/linking-libraries-ios.html )

Answer 16 · 2018-03-19T19:16:32.000Z

In Android the same error...
I did everything that is described here and in the documentation, but the error continues

"react-native": "0.51.0"
"react-native-snackbar": "^0.4.6",

Answer 17 · 2018-03-19T19:43:47.000Z

Hi @emersonmoura, have you tried manually linking?

Answer 18 · 2018-03-19T20:27:04.000Z

Hi @cooperka,
Yes...
I checked each file and the "link" was correct

Any hints of the exact reason? This way I can investigate better.

Answer 19 · 2018-03-19T21:45:08.000Z

Hmm, it's strange that it says "unmet peer dependency react-native@0.51.0" in your second screenshot. This lib requires >=0.40 so it's definitely satisfied.

Have you tried installing with Yarn instead of npm?

Answer 20 · 2018-03-19T22:17:04.000Z

I also found it strange...

Yes, I tried with Yarn. Result: Same red screen

Answer 21 · 2018-03-20T01:32:50.000Z

emersonmoura commented 7 years ago

Answer 22 · 2018-03-20T14:10:15.000Z

As a last resort, you could try starting with the official example app and progressively make it similar to your own app and see where it breaks.

Answer 23 · 2018-03-20T17:11:10.000Z

Tried starting with the official example...

Is there a problem with my machine? I use the "elementary Os"

Answer 24 · 2018-03-21T23:01:41.000Z

It could very well be related to your OS. If the example app doesn't work, something larger is likely wrong. Please post back if you find a solution!

Answer 25 · 2018-05-11T14:21:13.000Z

If you are using Pods. Go to ios folder then pod install.

Answer 26 · 2018-08-02T17:38:19.000Z

I had this issue on Android and did the following to solve it:

Linked the Snackbar react-native link react-native-snackbar
Changed the distributionUrl in the file android/gradle/wrapper/gradle-wrapper.properties into:
- https\://services.gradle.org/distributions/gradle-4.4-all.zip
Changed the buildscript dependency in the file android/build.gradle into:
- classpath 'com.android.tools.build:gradle:3.1.3
Executed react-native run-android and voila - it worked! 🎉

Answer 27 · 2018-08-19T15:06:28.000Z

I got the same issue on iOS. I already linked it manually
(https://facebook.github.io/react-native/docs/linking-libraries-ios.html).
But still got the error.

Answer 28 · 2018-09-11T11:44:36.000Z

@itanhduy If you are using Pods. Go to ios folder then pod install.

^^ this should definitely go into README. Thanks for pointing out.

Answer 29 · 2018-09-11T18:23:44.000Z

The manual installation guide is here, linked from the README. Feel free to edit the wiki if it needs improvement! Thanks.

Answer 30 · 2019-02-21T08:41:51.000Z

After adding RNSnackBar.xcproj to Xcode (I recommend doing that manually instead of pod install), go to your app target -> Build Phrases -> Link Binary with Libraries and select RNSnackBar.a

Answer 31 · 2019-07-09T10:48:02.000Z

woah, this bug is a nightmare, these devs should apologize. tried a lot of stuff, but no thanks, abort mission!

Answer 32 · 2019-07-18T17:14:08.000Z

@masterkrang I spent the last day trying to add this component to my app and couldnt do it. Today I decided to try once more and was able to add it (my app is ios only). Those were my steps:

Add pod 'React', :path => '../node_modules/react-native' to the beginning of my Podfile
npm i --save react-native-snackbar
react-native link react-native-snackbar
(Obviously optional) Fixed wrong indentation in my podfile (happened during link)
cd ios/ && pod install
Tried to react-native run-ios -> failed
Tried to build using Xcode -> failed: 'folly/Portability.h' file not found
Added these lines at the end of my Podfile:

post_install do |installer|
    installer.pods_project.targets.each do |target|
        if target.name == "React"
            target.remove_from_project
        end
    end
end

And it worked. Can you try these steps?

Answer 33 · 2019-09-27T08:49:46.000Z

You can try on Android

Step 1: run react-native link react-native-snackbar
Step 2: open MainApplication in getPackages add new SnackbarPackage() to List

import com.azendoo.reactnativesnackbar.SnackbarPackage;

public class MainApplication extends NavigationApplication {

protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList( new SnackbarPackage());
   }
}

Answer 34 · 2019-11-30T17:37:26.000Z

Ok, it turns out that for me the issue was due to not restarting the simulator. :-)

Answer 35 · 2020-08-14T16:03:56.000Z

hello! this solution don't work with expo..

Answer 36 · 2020-11-13T20:06:54.000Z

Readme says this library doesn't support expo.... hopefully will soon?

Answer 37 · 2020-11-14T05:38:32.000Z

Hi @bravadomizzou, it's not that Snackbar doesn't support Expo, it's the opposite -- Expo doesn't support Snackbar. You can eject if you want to use Snackbar, or ask Expo to build it into their set of available native components.

Answer 38 · 2020-12-07T21:41:57.000Z

I am facing the same issue.

Answer 39 · 2021-07-21T13:15:45.000Z

Getting the same error but in react-native-web only.

Answer 40 · 2021-12-15T09:08:35.000Z

manual linking also needs to be documented for iOS in readme,
I did pod install by adding this one pod 'RNSnackbar', :path => '../node_modules/react-native-snackbar/RNSnackbar.podspec'
works like charm for me

Answer 41 · 2024-03-14T09:33:58.000Z

Working well with Expo. :)

Snackbar.show({
text: 'Image Downloaded Successfully.',
duration: Snackbar.LENGTH_LONG ---> replace with static duration - '1000',
});

Answer 42 · 2024-03-14T19:43:28.000Z

@smitkaswala is there anything else i have to do?

Answer 43 · 2024-08-14T19:30:53.000Z

@smitkaswala is there anything else i have to do?

Use another package lmfao